update: 修复头部底色切换

src/components/Header/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="full-w" :style="{ height: `${height}px` }">
-    <div class="g-header fixed z-20" ref="headerRef" :class="{'home-background': isHome, 'normal-background': !isHome}">
+    <div class="g-header fixed z-20" ref="headerRef" :class="{'home-background': isHome}">
       <div class="g-toolbar w-full overflow-hidden" :class="[searchClass, route?.meta?.headerClassName]">
         <div class="g-toolbar-left flex-shrink items-center">
           <div class="flex-center gap-[16px]" v-if="!isHome">
@@ -133,6 +133,10 @@ $radius: 4px;
 $add-radius: 48px;
 $header-bg: #fff;
 
+.home-background {
+    background-color: #fff0 !important;
+  }
+
 .g-header {
   // overflow: hidden;
   width: 100%;
@@ -140,12 +144,7 @@ $header-bg: #fff;
   flex-direction: column;
   align-items: stretch;
   justify-content: space-between;
-  .home-background {
-    background-color: #fff0;
-  }
-  .normal-background {
-    background-color: $header-bg;
-  }
+  background-color: $header-bg;
   :deep(.g-link) {
     color: $devui-text-weak;
   }