From b371f121d1bb9b7f186093d23e4abc6fce459962 Mon Sep 17 00:00:00 2001 From: jiannibang <271381693@qq.com> Date: Tue, 27 Dec 2022 15:02:26 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E9=AB=98=E7=AB=AF=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/base/ShopItem/ShopItem.vue | 4 +- .../ActivitiesList/ActivitiesList.vue | 10 ++--- .../KeyboardByLetter/KeyboardByLetter.vue | 2 +- .../KeyboardByWritten/KeyboardByWritten.vue | 18 ++++++-- src/components/PublicComponent/Tabs.vue | 2 +- src/components/Search/Search.vue | 40 +++++++----------- src/themes/fashion/grid.png | Bin 0 -> 795 bytes src/themes/fashion/gridActive.png | Bin 0 -> 766 bytes src/themes/fashion/row.png | Bin 0 -> 768 bytes src/themes/fashion/rowActive.png | Bin 0 -> 738 bytes src/themes/fashion/searchClear.png | Bin 0 -> 2394 bytes src/themes/fashion/searchClose.png | Bin 0 -> 43755 bytes src/themes/fashion/style.json | 28 ++++++++++-- src/themes/highend/grid.png | Bin 0 -> 901 bytes src/themes/highend/gridActive.png | Bin 0 -> 909 bytes src/themes/highend/row.png | Bin 0 -> 872 bytes src/themes/highend/rowActive.png | Bin 0 -> 885 bytes src/themes/highend/searchClear.png | Bin 0 -> 1373 bytes src/themes/highend/searchClose.png | Bin 0 -> 2912 bytes src/themes/highend/style.json | 28 ++++++++++-- src/themes/main/grid.png | Bin 0 -> 795 bytes src/themes/main/gridActive.png | Bin 0 -> 766 bytes src/themes/main/row.png | Bin 0 -> 768 bytes src/themes/main/rowActive.png | Bin 0 -> 738 bytes src/themes/main/searchClear.png | Bin 0 -> 1867 bytes src/themes/main/searchClose.png | Bin 0 -> 50022 bytes src/themes/main/style.json | 28 ++++++++++-- src/views/Guide/Guide.vue | 30 ++++--------- 28 files changed, 123 insertions(+), 67 deletions(-) create mode 100644 src/themes/fashion/grid.png create mode 100644 src/themes/fashion/gridActive.png create mode 100644 src/themes/fashion/row.png create mode 100644 src/themes/fashion/rowActive.png create mode 100644 src/themes/fashion/searchClear.png create mode 100644 src/themes/fashion/searchClose.png create mode 100644 src/themes/highend/grid.png create mode 100644 src/themes/highend/gridActive.png create mode 100644 src/themes/highend/row.png create mode 100644 src/themes/highend/rowActive.png create mode 100644 src/themes/highend/searchClear.png create mode 100644 src/themes/highend/searchClose.png create mode 100644 src/themes/main/grid.png create mode 100644 src/themes/main/gridActive.png create mode 100644 src/themes/main/row.png create mode 100644 src/themes/main/rowActive.png create mode 100644 src/themes/main/searchClear.png create mode 100644 src/themes/main/searchClose.png diff --git a/src/base/ShopItem/ShopItem.vue b/src/base/ShopItem/ShopItem.vue index d86b3e0..6809371 100644 --- a/src/base/ShopItem/ShopItem.vue +++ b/src/base/ShopItem/ShopItem.vue @@ -63,7 +63,7 @@ const deactivate = () => store.SET_SHOP(null) .group-item { width: 230px; height: 200px; - background: rgba(255, 255, 255, 0.6); + background: var(--brand-background); border-radius: 8px; overflow: hidden; .logo-wrapper { @@ -149,7 +149,7 @@ const deactivate = () => store.SET_SHOP(null) flex-direction: column; width: 230px; height: 242px; - background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); + background: var(--food-background); border-radius: 40px; align-items: center; .logo-wrapper { diff --git a/src/components/ActivitiesList/ActivitiesList.vue b/src/components/ActivitiesList/ActivitiesList.vue index f64f726..23e6118 100644 --- a/src/components/ActivitiesList/ActivitiesList.vue +++ b/src/components/ActivitiesList/ActivitiesList.vue @@ -95,8 +95,8 @@ const { config } = storeToRefs(store) position: relative; width: 944px; height: 532px; - background: #ffffff; - border-radius: 16px; + background: var(--activities-detailBg); + border-radius: var(--activities-radius); overflow: hidden; margin-bottom: 24px; &.d { @@ -159,13 +159,13 @@ const { config } = storeToRefs(store) justify-content: center; width: 234px; height: 100%; - background: linear-gradient(113.71deg, #435acd 0%, #749cf3 100%); + background: var(--activities-btnBg); box-shadow: 0px 15px 24px rgba(173, 196, 236, 0.25); font-weight: 700; font-size: 18px; line-height: 21px; text-align: center; - color: #ffffff; + color: var(--activities-btnColor); } } } @@ -177,7 +177,7 @@ const { config } = storeToRefs(store) height: 100%; display: flex; z-index: 0; - background: #ffffff; + background: var(--activities-detailBg); .backscroll { position: relative; flex: 1; diff --git a/src/components/KeyboardByLetter/KeyboardByLetter.vue b/src/components/KeyboardByLetter/KeyboardByLetter.vue index 6463998..70ff122 100644 --- a/src/components/KeyboardByLetter/KeyboardByLetter.vue +++ b/src/components/KeyboardByLetter/KeyboardByLetter.vue @@ -71,7 +71,7 @@ function handleLetter(item, index) { width: 104px; } &.active { - background: linear-gradient(180deg, #435acd 0%, #749cf3 100%); + background: var(--search-keyboardActiveBg); color: #fff; } } diff --git a/src/components/KeyboardByWritten/KeyboardByWritten.vue b/src/components/KeyboardByWritten/KeyboardByWritten.vue index 0791bfd..fe7844e 100644 --- a/src/components/KeyboardByWritten/KeyboardByWritten.vue +++ b/src/components/KeyboardByWritten/KeyboardByWritten.vue @@ -5,7 +5,15 @@