修改

src/assets/styles/sidebar.scss

@@ -1,16 +1,13 @@
 #app {
-
     .main-container {
         min-height: 100%;
         transition: margin-left .28s;
         margin-left: $base-sidebar-width;
         position: relative;
     }
-
     .sidebarHide {
         margin-left: 0!important;
     }
-
     .sidebar-container {
         -webkit-transition: width .28s;
         transition: width 0.28s;
@@ -24,58 +21,48 @@
         left: 0;
         z-index: 1001;
         overflow: hidden;
-    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
+        -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
-    box-shadow: 2px 0 6px rgba(0,21,41,.35);
+        box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
-
         // reset element-ui css
         .horizontal-collapse-transition {
             transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
         }
-
         .scrollbar-wrapper {
             overflow-x: hidden !important;
         }
-
         .el-scrollbar__bar.is-vertical {
             right: 0px;
         }
-
         .el-scrollbar {
             height: 100%;
         }
-
         &.has-logo {
             .el-scrollbar {
-        height: calc(100% - 50px);
+                height: calc(100% - 90px);
             }
         }
-
         .is-horizontal {
             display: none;
         }
-
         a {
             display: inline-block;
             width: 100%;
             overflow: hidden;
         }
-
         .svg-icon {
             margin-right: 16px;
         }
-
         .el-menu {
             border: none;
             height: 100%;
             width: 100% !important;
         }
-
+        .el-menu-item,
-    .el-menu-item, .el-submenu__title {
+        .el-submenu__title {
             overflow: hidden !important;
             text-overflow: ellipsis !important;
             white-space: nowrap !important;
         }
-
         // menu hover
         .submenu-title-noDropdown,
         .el-submenu__title {
@@ -83,65 +70,50 @@
                 background-color: rgba(0, 0, 0, 0.06) !important;
             }
         }
-
+        & .theme-dark .is-active>.el-submenu__title {
-    & .theme-dark .is-active > .el-submenu__title {
             color: $base-menu-color-active !important;
         }
-
         & .nest-menu .el-submenu>.el-submenu__title,
         & .el-submenu .el-menu-item {
             min-width: $base-sidebar-width !important;
-
             &:hover {
                 background-color: rgba(0, 0, 0, 0.06) !important;
             }
         }
-
         & .theme-dark .nest-menu .el-submenu>.el-submenu__title,
         & .theme-dark .el-submenu .el-menu-item {
             background-color: $base-sub-menu-background !important;
-
             &:hover {
                 background-color: $base-sub-menu-hover !important;
             }
         }
     }
-
     .hideSidebar {
         .sidebar-container {
             width: 54px !important;
         }
-
         .main-container {
             margin-left: 54px;
         }
-
         .submenu-title-noDropdown {
             padding: 0 !important;
             position: relative;
-
             .el-tooltip {
                 padding: 0 !important;
-
                 .svg-icon {
                     margin-left: 20px;
                 }
             }
         }
-
         .el-submenu {
             overflow: hidden;
-
             &>.el-submenu__title {
                 padding: 0 !important;
-
                 .svg-icon {
                     margin-left: 20px;
                 }
-
             }
         }
-
         .el-menu--collapse {
             .el-submenu {
                 &>.el-submenu__title {
@@ -156,22 +128,18 @@
             }
         }
     }
-
     .el-menu--collapse .el-menu .el-submenu {
         min-width: $base-sidebar-width !important;
     }
-
     // mobile responsive
     .mobile {
         .main-container {
             margin-left: 0px;
         }
-
         .sidebar-container {
             transition: transform .28s;
             width: $base-sidebar-width !important;
         }
-
         &.hideSidebar {
             .sidebar-container {
                 pointer-events: none;
@@ -180,9 +148,7 @@
             }
         }
     }
-
     .withoutAnimation {
-
         .main-container,
         .sidebar-container {
             transition: none;
@@ -197,7 +163,6 @@
             margin-right: 16px;
         }
     }
-
     .nest-menu .el-submenu>.el-submenu__title,
     .el-menu-item {
         &:hover {
@@ -205,20 +170,16 @@
             background-color: rgba(0, 0, 0, 0.06) !important;
         }
     }
-
     // the scroll bar appears when the subMenu is too long
     >.el-menu--popup {
         max-height: 100vh;
         overflow-y: auto;
-
         &::-webkit-scrollbar-track-piece {
             background: #d3dce6;
         }
-
         &::-webkit-scrollbar {
             width: 6px;
         }
-
         &::-webkit-scrollbar-thumb {
             background: #99a9bf;
             border-radius: 20px;