左侧navber适应处理

src/views/layout/leftBar.vue

 <template>
 <template>
   <div class="navbar">
   <div class="navbar">
-    <el-scrollbar style="height: 900px" ref="scroll">
+    <!-- <el-scrollbar style="height: 800px" ref="scroll"> -->
       <el-menu
       <el-menu
         router
         router
         ref="kzMenu"
         ref="kzMenu"
@@ -46,7 +46,7 @@
           </el-submenu>
           </el-submenu>
         </el-submenu>
         </el-submenu>
       </el-menu>
       </el-menu>
-    </el-scrollbar>
+    <!-- </el-scrollbar> -->
   </div>
   </div>
 </template>
 </template>
 
 
@@ -240,6 +240,8 @@ export default {
   width: 235px;
   width: 235px;
   height: 100%;
   height: 100%;
   padding-top: 10px;
   padding-top: 10px;
+  overflow-y: auto;
+  margin-left: 10px;
 }
 }
 /deep/.el-menu {
 /deep/.el-menu {
   border: none !important;
   border: none !important;