修改侧边栏溢出滚动显示不全

src/styles/sidebar.scss

@@ -25,7 +25,7 @@
       transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
     }
     .scrollbar-wrapper {
-      height: calc(100% + 17px);
+      height: calc(100% - 38px);
       .el-scrollbar__view {
         height: 100%;
       }

src/views/layout/components/Sidebar/index.vue

 <template>
-  <el-scrollbar wrapClass="scrollbar-wrapper">
-    <hamburger class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></hamburger>
-    <el-menu mode="vertical" unique-opened :show-timeout="200" :default-active="$route.path" :collapse="isCollapse" background-color="#fff" text-color="#566782" active-text-color="#fff">
-      <sidebar-item :routes="permission_routers"></sidebar-item>
-    </el-menu>
-  </el-scrollbar>
+    <el-scrollbar wrapClass="scrollbar-wrapper">
+      <hamburger class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></hamburger>
+      <el-menu mode="vertical" unique-opened :show-timeout="200" :default-active="$route.path" :collapse="isCollapse" background-color="#fff" text-color="#566782" active-text-color="#fff">
+        <sidebar-item :routes="permission_routers"></sidebar-item>
+      </el-menu>
+    </el-scrollbar>
 </template>
 
 <script>