style:菜单样式

@@ -64,14 +64,15 @@
 
     // 有子级
     .el-submenu__title {
-      margin-left: 13px;
-      padding-left: 10px !important;
+      // margin-left: 13px;
+      // padding-left: 10px !important;
       color: $menuText;
       background-color: transparent !important;
+      border-bottom: 1px solid $sliderBorderColor;
 
       &:hover {
         color: $subMenuActiveText !important;
-        background-color: $subMenuHover !important;
+        background-color: $menuHover !important;
 
         .svg-icon,
         i,
@@ -84,10 +85,11 @@
     // 没有子级
     .submenu-title-noDropdown {
       color: $menuText;
-      border-radius: 6px;
-      padding-left: 10px !important;
+      border-bottom: 1px solid $sliderBorderColor;
 
-      &:hover {
+      // border-radius: 6px;
+      // padding-left: 10px !important;
+      b &:hover {
         color: $menuActiveText !important;
         background-color: $subMenuHover !important;
 
@@ -119,8 +121,8 @@
     .el-submenu__title {
       font-weight: 600;
       font-size: $sideBarFontSize;
-      margin: 0 10px;
-      border-radius: 6px;
+      // margin: 0 10px;
+      // border-radius: 6px;
 
       >i {
         color: $subMenuActiveText !important;
@@ -151,22 +153,30 @@
 
     & .nest-menu .el-submenu>.el-submenu__title,
     & .el-submenu .el-menu-item {
+
+
       &.is-active {
         background-color: $subMenuHover !important;
         color: $menuActiveText !important;
+        border-bottom: 1px solid $sliderBorderColor;
       }
 
       &:hover {
         background-color: $subMenuHover !important;
         color: $menuActiveText !important;
+        border-bottom: 1px solid $sliderBorderColor;
       }
 
       min-width: 130px !important;
       background-color: transparent !important;
       font-weight: 600;
       font-size: $sideBarFontSize;
-      margin: 0 10px;
-      border-radius: 6px;
+
+      // margin: 0 10px;
+      // border-radius: 6px;
+      span {
+        margin-left: 10px;
+      }
     }
   }
 
@@ -279,9 +289,9 @@
 
   .nest-menu .el-submenu>.el-submenu__title,
   .el-menu-item {
-    width: calc(100% - 12px);
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
+    // width: calc(100% - 12px);
+    // border-top-right-radius: 8px;
+    // border-bottom-right-radius: 8px;
     font-weight: 600 !important;
     font-size: 15px !important;
     background-color: $menuHover !important;

@@ -17,7 +17,7 @@ $menuActiveText:#ffffff;
 $subMenuActiveText:#ffffff;
 
 $menuBg:#202B3D;
-$menuHover:#0794FF;
+$menuHover:#226ca5;
 
 $subMenuBg:#202B3D;
 $subMenuHover:#0794FF;
@@ -27,6 +27,8 @@ $sideBarFontSize:15px;
 
 // border颜色
 $borderColor: #EBEEF5;
+$sliderBorderColor: #909399;
+
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass