feat: 主背景色配置

src/App.vue

@@ -15,7 +15,7 @@ html,
 #app {
   width: 1080px;
   height: 1920px;
-  background-color: #dee6f6;
+  background-color: var(--global-appBackground);
   overflow: hidden;
 }
 

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",

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",

src/themes/main/style.json

@@ -1,6 +1,7 @@
 {
   "global": {
-    "background": "#dee6f6"
+    "background": "#dee6f6",
+    "appBackground": "#dee6f6"
   },
   "weather": {
     "iconColor": "#000",

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 }}