页面修改

gw-ui/src/layout/components/Sidebar/index.vue

@@ -4,8 +4,8 @@
     <el-menu
       :default-active="activeMenu"
       :collapse="isCollapse"
-      background-color="#304156"
-      text-color="#bfcbd9"
+      background-color="#ffffff"
+      text-color="#606266"
       active-text-color="#409eff"
       :collapse-transition="false"
       unique-opened
@@ -208,7 +208,8 @@ export default {
   height: 100%;
   display: flex;
   flex-direction: column;
-  background-color: #304156;
+  background-color: #ffffff;
+  border-right: 1px solid #e4e7ed;
 }
 
 .sidebar-menu {
@@ -220,32 +221,32 @@ export default {
 
 :deep(.el-menu) {
   border-right: none;
-  background-color: #304156;
+  background-color: #ffffff;
 }
 
 :deep(.el-sub-menu__title) {
-  color: #bfcbd9;
-  background-color: #304156;
+  color: #606266;
+  background-color: #ffffff;
 }
 
 :deep(.el-sub-menu__title:hover) {
-  background-color: #263445 !important;
-  color: #fff !important;
+  background-color: #f5f7fa !important;
+  color: #303133 !important;
 }
 
 :deep(.el-menu-item) {
-  color: #bfcbd9;
-  background-color: #304156;
+  color: #606266;
+  background-color: #ffffff;
 }
 
 :deep(.el-menu-item:hover) {
-  background-color: #263445 !important;
-  color: #fff !important;
+  background-color: #f5f7fa !important;
+  color: #303133 !important;
 }
 
 :deep(.el-menu-item.is-active) {
-  background-color: #409eff !important;
-  color: #fff !important;
+  background-color: #ecf5ff !important;
+  color: #409eff !important;
 }
 
 .sidebar-container.collapsed :deep(.el-sub-menu__title span) {
@@ -260,15 +261,15 @@ export default {
   height: 44px;
   line-height: 44px;
   text-align: center;
-  color: #bfcbd9;
+  color: #606266;
   cursor: pointer;
-  border-top: 1px solid #1f2d3d;
-  background-color: #304156;
+  border-top: 1px solid #e4e7ed;
+  background-color: #ffffff;
 }
 
 .collapse-btn:hover {
-  background-color: #263445;
-  color: #fff;
+  background-color: #f5f7fa;
+  color: #303133;
 }
 
 .btn-text {