feat: 增加搜索中的热搜配置

src/components/PublicComponent/PublicComponent.vue

@@ -80,7 +80,7 @@ onMounted(() => {
   // let i = 0
   // setInterval(() => {
   //   i++
-  //   store.SET_CURRENT_THEME(['main', 'fashion', 'highend'][i % 3])
+  //   store.SET_CURRENT_THEME(['main', 'fashion', 'highend', 'luxury', 'business', 'dark'][i % 6])
   // }, 5000)
   window.addEventListener('touchend', checkHandleScreen)
 })

src/components/Search/Search.vue

@@ -286,7 +286,7 @@ onBeforeUnmount(() => {
   .recs {
     padding-left: 56px;
     .title {
-      color: var(--index-hotSearchTitleColor);
+      color: var(--search-hotSearchTitleColor);
     }
     .hot-scroll {
       padding-top: 16px;
@@ -298,14 +298,14 @@ onBeforeUnmount(() => {
         display: inline-block;
         max-width: 170px;
         height: 52px;
-        background: var(--index-hotSearchBg);
+        background: var(--search-hotSearchBg);
         border-radius: var(--global-radius, 100px);
         .text {
           text-align: center;
           font-weight: 900;
           font-size: 16px;
           line-height: 52px;
-          color: var(--index-hotSearchColor);
+          color: var(--search-hotSearchColor);
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;

src/themes/business/style.json

@@ -44,7 +44,7 @@
     "barBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)"
   },
   "index": {
-    "hotSearchTitleColor": "#FFFFFF",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
     "hotSearchBg": "rgba(255, 255, 255, 0.4)",
     "hotSearchColor": "rgba(0, 0, 0, 0.6)",
     "guideBackground": "#435B7D",
@@ -111,7 +111,10 @@
     "resultTitleColor": "rgba(0, 0, 0, 0.8)",
     "resultMetaColor": "rgba(0, 0, 0, 0.6)",
     "keyBg": "#FFFFFF",
-    "keyColor": "rgba(0, 0, 0, 0.8)"
+    "keyColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",

src/themes/dark/style.json

@@ -111,7 +111,10 @@
     "resultTitleColor": "#FFFFFF",
     "resultMetaColor": "rgba(255, 255, 255, 0.8)",
     "keyBg": "rgba(0, 0, 0, 0.2)",
-    "keyColor": "#FFFFFF"
+    "keyColor": "#FFFFFF",
+    "hotSearchTitleColor": "#FFFFFF",
+    "hotSearchBg": "rgba(0, 0, 0, 0.4)",
+    "hotSearchColor": "#FFFFFF"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",

src/themes/fashion/style.json

@@ -111,7 +111,10 @@
     "resultTitleColor": "rgba(0, 0, 0, 0.8)",
     "resultMetaColor": "rgba(0, 0, 0, 0.6)",
     "keyBg": "#FFFFFF",
-    "keyColor": "rgba(0, 0, 0, 0.8)"
+    "keyColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",

src/themes/highend/style.json

@@ -44,7 +44,7 @@
     "barBg": "#4D4441"
   },
   "index": {
-    "hotSearchTitleColor": "#fff",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
     "hotSearchBg": "rgba(255, 255, 255, 0.8)",
     "hotSearchColor": "rgba(0, 0, 0, 0.6)",
     "guideBackground": "#E4CEB1",
@@ -111,7 +111,10 @@
     "resultTitleColor": "rgba(0, 0, 0, 0.8)",
     "resultMetaColor": "rgba(0, 0, 0, 0.6)",
     "keyBg": "#FFFFFF",
-    "keyColor": "rgba(0, 0, 0, 0.8)"
+    "keyColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)"
   },
   "activities": {
     "btnBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)",

src/themes/luxury/style.json

@@ -111,7 +111,10 @@
     "resultTitleColor": "rgba(0, 0, 0, 0.8)",
     "resultMetaColor": "rgba(0, 0, 0, 0.6)",
     "keyBg": "#FFFFFF",
-    "keyColor": "rgba(0, 0, 0, 0.8)"
+    "keyColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)"
   },
   "activities": {
     "btnBg": "#D3AB80",

src/themes/main/style.json

@@ -111,7 +111,10 @@
     "resultTitleColor": "rgba(0, 0, 0, 0.8)",
     "resultMetaColor": "rgba(0, 0, 0, 0.6)",
     "keyBg": "#FFFFFF",
-    "keyColor": "rgba(0, 0, 0, 0.8)"
+    "keyColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",