整体框架样式修改

src/components/Hamburger/index.vue

@@ -36,6 +36,7 @@ export default {
   vertical-align: middle;
   width: 20px;
   height: 20px;
+  fill: white;
 }
 
 .hamburger.is-active {

src/layout/components/Sidebar/Logo.vue

@@ -25,7 +25,7 @@ export default {
   data() {
     return {
       title: '诺兰特（北京）',
-      logo: require('@/assets/image/loginLogo.png')
+      logo: require('@/assets/image/nltLogo.png')
     }
   }
 }
@@ -47,18 +47,19 @@ export default {
   width: 100%;
   height: 50px;
   line-height: 50px;
-  background: $menuBg;
-  padding-left: 11px;
+  background: #FFFFFF;
+  //padding-left: 11px;
   overflow: hidden;
 
   & .sidebar-logo-link {
+    text-align: center;
     height: 100%;
     width: 100%;
 
     & .sidebar-logo {
-      margin-left: 55px;
-      width: 67px;
-      height: 36px;
+      //margin-left: 55px;
+      width: 85px;
+      height: 50px;
       vertical-align: middle;
       margin-right: 12px;
     }

src/layout/components/TagsView/index.vue

@@ -252,7 +252,7 @@ export default {
       &.active {
         background-color: #fff;
         //color: $color-theme;
-        color: #1C92EC;
+        color: #D20A10;
         border-color: transparent;
         //&::before {
         //  content: '';

src/layout/components/header.vue

@@ -25,7 +25,7 @@
 <!--          </el-dropdown-item>-->
 <!--        </el-dropdown-menu>-->
 <!--      </el-dropdown>-->
-      <span>诺兰特（北京）</span>
+      <span style="padding-left: 10px; color: white;">Manufacturing Execution System</span>
     </div>
     <div class="right-menu">
       <!--      <i class="el-icon-info" />-->
@@ -120,7 +120,7 @@ export default {
   height: 6.4vh;
   overflow: hidden;
   position: relative;
-  background: #fff;
+  background: #D20A10;
   box-shadow: 0 1px 4px rgba(0,21,41,.08);
   display: flex;
   justify-content: space-between;
@@ -182,6 +182,7 @@ export default {
       font-size: 18px;
     }
     .username-text {
+      color: white;
       margin-right: 12px;
     }
     .right-menu-item {
@@ -215,6 +216,7 @@ export default {
         }
 
         .el-icon-caret-bottom {
+          color: white;
           cursor: pointer;
           position: absolute;
           right: -20px;

src/styles/sidebar.scss

@@ -71,6 +71,7 @@
     .el-submenu__title {
       &:hover {
         background-color: $menuHover !important;
+        color: #FFFFFF!important;
       }
     }
 
@@ -219,11 +220,11 @@
 }
 
 #app .sidebar-container .el-submenu .el-menu-item.is-active {
-  background-color: #1C92EC  !important;
+  background-color: #D20A10  !important;
 }
 
 .router-link-active .el-menu-item.is-active {
-  background-color: #112C59 !important;
+  background-color: #D20A10  !important;
 }
 
 // hover样式
@@ -244,7 +245,7 @@
   color: #46bcf2 !important;
 }
 .el-menu-item.submenu-title-noDropdown:hover {
-  color: #46bcf2 !important;
+  color: #FFFFFF !important;
 }
 .el-menu--vertical .el-menu-item:hover {
   color: #46bcf2 !important;
@@ -254,11 +255,11 @@
   background-color: #FFFFFF !important;
 
   > .el-submenu__title {
-    background-color: #0A5894 !important;
-    color: white !important;
+    background-color: #FFFFFF !important;
+    color: #D20A10  !important;
 
     .el-submenu__icon-arrow {
-      color: #46bcf2 !important;
+      color: #D20A10 !important;
     }
   }
 
@@ -266,8 +267,8 @@
     .el-menu-item {
       //line-height: 24px!important;
       //white-space: pre-wrap;
-      background-color: #0A5894 !important;
-      color: white !important;
+      background-color: #FFFFFF !important;
+      color: #333333 !important;
 
       &.is-active {
         color: white !important;

src/styles/variables.scss

@@ -80,15 +80,15 @@ $bg-page-light: #f9f9f9;
 $bg-menu-hover: #f2f6fc;
 
 // sidebar
-$menuText:#B7D7EF;
-$menuActiveText:#46BCF2;
+$menuText:#FFFFFF;
+$menuActiveText:#333333;
 $subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
 
-$menuBg:#0A4877;
-$menuHover:#168AE2 ;
+$menuBg:#2C333A;
+$menuHover:#D20A10 ;
 
 $subMenuBg:#0F2850;
-$subMenuHover:#168AE2;
+$subMenuHover:#D20A10;
 
 $sideBarWidth: 200px;
 $sideHideWidth: 54px;