chore: update

src/components/layout/Header.vue

@@ -72,11 +72,22 @@ const isScrolled = computed(() => {
   position: fixed;
   left: 0;
   right: 0;
+  color: #aa1941;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
   z-index: 1000;
+  .cell {
+    color: #fff !important;
+  }
   &.is-scrolled {
+    color: #fff;
     background: #fff;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
+    .cell {
+      color: #333 !important;
+    }
+    .button-default {
+      color: #333;
+    }
   }
 }
 .app-header-inner {
@@ -86,7 +97,6 @@ const isScrolled = computed(() => {
   align-items: center;
   justify-content: space-between;
   padding: 0.22rem 0;
-  color: #aa1941;
 }
 .app-header-left {
   flex: 1;
@@ -97,15 +107,6 @@ const isScrolled = computed(() => {
       height: 0.5rem;
     }
   }
-  .app-name {
-    margin-left: 0.28rem;
-    padding: 0 0.2rem;
-    font-size: 0.26rem;
-    line-height: 0.26rem;
-    font-weight: 400;
-    letter-spacing: 2px;
-    border-left: 0.02rem solid #aa1941;
-  }
 }
 .app-header-right {
   display: flex;
@@ -124,7 +125,7 @@ const isScrolled = computed(() => {
     padding: 0 10px;
     font-size: 14px;
     line-height: 24px;
-    color: #333333;
+    color: #fff;
     text-align: center;
     border: 1px solid #eaeaea;
     box-sizing: border-box;