update

src/components/layout/Header.vue

@@ -17,7 +17,7 @@ const logout = async () => {
   <header class="app-header">
     <div class="app-header-left">
       <div class="logo">
-        <router-link to="/"><img src="https://zws-imgs-pub.ezijing.com/pc/base/ezijing-logo.svg" /></router-link>
+        <router-link to="/"><img src="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/base/ezijing-logo-white.svg" /></router-link>
       </div>
       <h1 class="app-name">数字技能实训中心</h1>
     </div>
@@ -62,7 +62,7 @@ const logout = async () => {
   align-items: center;
   justify-content: space-between;
   height: 64px;
-  background-color: #fff;
+  background-color: #AB0A3D;
   border-bottom: 1px solid #e6e6e6;
   .logo {
     width: 1.2rem;
@@ -71,25 +71,31 @@ const logout = async () => {
 .app-header-left {
   display: flex;
   align-items: center;
+  margin-right: 90px;
   .app-name {
     margin-left: 0.2rem;
     padding: 0 0.18rem;
-    font-size: 0.24rem;
+    font-size: 0.18rem;
     font-weight: 400;
     line-height: 1;
-    color: #333;
-    border-left: 1px solid #707070;
+    color: #fff;
+    border-left: 1px solid #fff;
   }
 }
 .app-header-center {
   flex: 1;
   margin: 0 10px;
+  display: flex;
   a {
+    line-height: 64px;
     font-size: 20px;
-    color: #333333;
-    margin-left: 90px;
+    color: #fff;
+    // margin-left: 90px;
+    margin-right: 20px;
+    padding: 0 34px;
     &.is-active {
-      color: var(--main-color);
+      color: #fff;
+      background-color: #C30B45;
     }
   }
 }