From 1e65e563297d57de66aff3e095cd3452f1e40b62 Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Tue, 27 Dec 2022 10:24:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BB=E8=83=8C=E6=99=AF=E8=89=B2?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                       | 2 +-
 src/themes/fashion/style.json     | 3 ++-
 src/themes/highend/style.json     | 3 ++-
 src/themes/main/style.json        | 3 ++-
 src/views/Billboard/Billboard.vue | 7 ++++++-
 5 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a88280c..385a6a1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,7 +15,7 @@ html,
 #app {
   width: 1080px;
   height: 1920px;
-  background-color: #dee6f6;
+  background-color: var(--global-appBackground);
   overflow: hidden;
 }
 
diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json
index 0d19d0f..85f46b2 100644
--- a/src/themes/fashion/style.json
+++ b/src/themes/fashion/style.json
@@ -1,6 +1,7 @@
 {
   "global": {
-    "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)"
+    "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)",
+    "appBackground": "#dee6f6"
   },
   "weather": {
     "iconColor": "#fff",
diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json
index 97831ae..8b1ea7f 100644
--- a/src/themes/highend/style.json
+++ b/src/themes/highend/style.json
@@ -1,6 +1,7 @@
 {
   "global": {
-    "background": "center / cover no-repeat"
+    "background": "center / cover no-repeat",
+    "appBackground": "#F2EEE8"
   },
   "weather": {
     "iconColor": "#000",
diff --git a/src/themes/main/style.json b/src/themes/main/style.json
index a917c38..3f9c986 100644
--- a/src/themes/main/style.json
+++ b/src/themes/main/style.json
@@ -1,6 +1,7 @@
 {
   "global": {
-    "background": "#dee6f6"
+    "background": "#dee6f6",
+    "appBackground": "#dee6f6"
   },
   "weather": {
     "iconColor": "#000",
diff --git a/src/views/Billboard/Billboard.vue b/src/views/Billboard/Billboard.vue
index c26acfa..fbfd91f 100644
--- a/src/views/Billboard/Billboard.vue
+++ b/src/views/Billboard/Billboard.vue
@@ -21,7 +21,12 @@
           width: `calc(484px * ${Math.ceil(columns.length / 2) * 2} + 68px)`
         }"
       >
-        <div v-for="(col, i) of columns" :key="'col' + i" class="column" :style="{ height: `calc(${columnHeight / 1080} * 100vw)` }">
+        <div
+          v-for="(col, i) of columns"
+          :key="'col' + i"
+          class="column"
+          :style="{ height: `calc(${columnHeight / 1080} * 100vw)`, opacity: Math.floor(i / 2) === index ? 1 : 0.5 }"
+        >
           <template v-for="(data, j) of col.list">
             <div v-if="data.type === 'format'" class="format" :key="data.name">
               {{ data.name }}