vue-scroll引入

QMPlusVuePage/src/view/layout/aside/index.vue

@@ -4,8 +4,8 @@
       <i class="el-icon-arrow-right" v-if="isCollapse"></i>
       <i class="el-icon-arrow-left" v-else></i>
     </div>
-    <transition name="el-zoom-in-top">
       <el-scrollbar style="height:calc(100vh - 53px)">
+    <transition name="el-zoom-in-top">
       <el-menu
         :class="['el-menu-vertical',!isCollapse&&'noCollapse']"
         :collapse="isCollapse"
@@ -19,8 +19,8 @@
           v-for="item in asyncRouters[0].children"
         />
       </el-menu>
-      </el-scrollbar>
     </transition>
+      </el-scrollbar>
   </div>
 </template>
 

QMPlusVuePage/src/view/layout/index.vue

@@ -108,7 +108,7 @@ $mainHight: calc(100vh - 52px);
     }
     
     .el-menu-vertical {
-      height: $mainHight !important;
+      height: calc(100vh - 67px) !important;
       visibility: auto;
       &.noCollapse {
         width: 250px;