2023-02-17

mallplusui-web-admin/src/styles/sidebar.scss

@@ -4,7 +4,7 @@
   .main-container {
     min-height: 100%;
     transition: margin-left .28s;
-    margin-left: 180px;
+    margin-left: 200px;
   }
 
    // 侧边栏
@@ -13,7 +13,7 @@
       transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
     }
     transition: width .28s;
-    width: 180px !important;
+    width: 200px !important;
     height: 100%;
     position: fixed;
     font-size: 0px;
@@ -28,6 +28,7 @@
     }
     .svg-icon {
       margin-right: 16px;
+	  margin-left: 5px;
     }
     .el-menu {
       border: none;
@@ -68,14 +69,14 @@
 
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .el-submenu .el-menu-item {
-    min-width: 180px !important;
+    min-width: 200px !important;
     background-color: $subMenuBg !important;
     &:hover {
       background-color: $menuHover !important;
     }
   }
   .el-menu--collapse .el-menu .el-submenu {
-    min-width: 180px !important;
+    min-width: 200px !important;
   }
 
   //适配移动端
@@ -86,12 +87,12 @@
     .sidebar-container {
       top: 50px;
       transition: transform .28s;
-      width: 180px !important;
+      width: 200px !important;
     }
     &.hideSidebar {
       .sidebar-container {
         transition-duration: 0.3s;
-        transform: translate3d(-180px, 0, 0);
+        transform: translate3d(-200px, 0, 0);
       }
     }
   }

mallplusui-web-admin/src/styles/variables.scss

@@ -1,4 +1,4 @@
 //sidebar
-$menuBg:#304156;
-$subMenuBg:#1f2d3d;
-$menuHover:#001528;
+$menuBg:#0294D7;
+$subMenuBg:#0294D7;
+$menuHover:#0294D7;