导航栏样式

web-ui/src/assets/styles/sidebar.scss

@@ -72,6 +72,14 @@
       white-space: nowrap !important;
     }
 
+    .el-menu-item.is-active {
+      // color: #e60012 !important;
+      background-color: $menuLightBg !important; // 点击菜单的颜色
+      &:hover {
+        background-color: $subMenuBg !important;
+      }
+    }
+
     // menu hover
     .submenu-title-noDropdown,
     .el-submenu__title {

web-ui/src/assets/styles/variables.scss

@@ -13,7 +13,8 @@ $menuText:#bfcbd9;
 $menuActiveText:#409EFF;
 $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
 
-$menuBg:#304156;
+// $menuBg:#304156;
+$menuBg:#1890ff;
 $menuHover:#263445;
 $sidebarTitle: #ffffff;
 
@@ -21,8 +22,10 @@ $menuLightBg:#ffffff;
 $menuLightHover:#f0f1f5;
 $sidebarLightTitle: #001529;
 
-$subMenuBg:#1f2d3d;
-$subMenuHover:#001528;
+// $subMenuBg:#1f2d3d;
+$subMenuBg:#65b4ff;
+// $subMenuHover:#001528;
+$subMenuHover:#ffffff ;
 
 $sideBarWidth: 200px;