浮动隐藏菜单栏

liuyg

2021-09-27 affe2b63e194ccdf8e6fbb2dffb6f47b8f12896c

 src/page/index/index.vue

@@ -1,15 +1,15 @@
<template>
  <div class="avue-contail" :class="{ 'avue--collapse': isCollapse }">
    <div class="avue-header">
    <div class="avue-header" @mouseenter="enterMain">
      <!-- 顶部导航栏 -->
      <top ref="top" />
    </div>
    <div class="avue-layout">
      <div class="avue-left">
      <div class="avue-left" @mouseenter="enter">
        <!-- 左侧导航栏 -->
        <sidebar />
      </div>
      <div class="avue-main">
      <div class="avue-main" @mouseenter="enterMain">
        <!-- 顶部标签卡 -->
        <tags />
        <transition name="fade-scale">
@@ -83,6 +83,12 @@
  ]),
  props: [],
  methods: {
    enter() {
      this.$store.commit("SET_COLLAPSE", false);
    },
    enterMain() {
      this.$store.commit("SET_COLLAPSE", true);
    },
    showCollapse() {
      this.$store.commit("SET_COLLAPSE");
    },