From 3f0af9cabc2dbe030516ede426e35290e00744d8 Mon Sep 17 00:00:00 2001 From: jiannibang <271381693@qq.com> Date: Thu, 29 Dec 2022 10:00:28 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=90=9C=E7=B4=A2?= =?UTF-8?q?=E4=B8=AD=E7=9A=84=E7=83=AD=E6=90=9C=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/PublicComponent/PublicComponent.vue | 2 +- src/components/Search/Search.vue | 6 +++--- src/themes/business/style.json | 7 +++++-- src/themes/dark/style.json | 5 ++++- src/themes/fashion/style.json | 5 ++++- src/themes/highend/style.json | 7 +++++-- src/themes/luxury/style.json | 5 ++++- src/themes/main/style.json | 5 ++++- 8 files changed, 30 insertions(+), 12 deletions(-) diff --git a/src/components/PublicComponent/PublicComponent.vue b/src/components/PublicComponent/PublicComponent.vue index 5b36bb9..0b3867c 100644 --- a/src/components/PublicComponent/PublicComponent.vue +++ b/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) }) diff --git a/src/components/Search/Search.vue b/src/components/Search/Search.vue index e92c1a3..5ed9aae 100644 --- a/src/components/Search/Search.vue +++ b/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; diff --git a/src/themes/business/style.json b/src/themes/business/style.json index c1fbb93..1f992a7 100644 --- a/src/themes/business/style.json +++ b/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%)", diff --git a/src/themes/dark/style.json b/src/themes/dark/style.json index 6bf60ab..aa0a2f8 100644 --- a/src/themes/dark/style.json +++ b/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%)", diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json index 373e132..8648645 100644 --- a/src/themes/fashion/style.json +++ b/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%)", diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json index 88a2302..35b3693 100644 --- a/src/themes/highend/style.json +++ b/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%)", diff --git a/src/themes/luxury/style.json b/src/themes/luxury/style.json index 5aa1a3a..37173ae 100644 --- a/src/themes/luxury/style.json +++ b/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", diff --git a/src/themes/main/style.json b/src/themes/main/style.json index 023ce62..54d9f3b 100644 --- a/src/themes/main/style.json +++ b/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%)",