feat: 水牌标题颜色配置

src/themes/fashion/style.json

@@ -58,7 +58,9 @@
   },
   "billboard": {
     "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)",
-    "arrowRadius": "100px"
+    "arrowRadius": "100px",
+    "titleColor": "#fff",
+    "metaColor": "rgba(255, 255, 255, 0.8)"
   },
   "guide": {
     "floorBg": "linear-gradient(90deg, #302159 0%, #7756b4 96.35%)",

src/themes/highend/style.json

@@ -59,7 +59,9 @@
   },
   "billboard": {
     "background": "linear-gradient(180deg, #342F2D 0%, #534946 100%)",
-    "arrowRadius": "100px"
+    "arrowRadius": "100px",
+    "titleColor": "#ffffff",
+    "metaColor": "rgba(255, 255, 255, 0.8)"
   },
   "guide": {
     "floorBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)",

src/themes/main/style.json

@@ -58,7 +58,9 @@
   },
   "billboard": {
     "background": "#dee6f6",
-    "arrowRadius": "100px"
+    "arrowRadius": "100px",
+    "titleColor": "#000000",
+    "metaColor": "rgba(0, 0, 0, 0.6)"
   },
   "guide": {
     "floorBg": "linear-gradient(113.71deg, #435acd 0%, #749cf3 100%)",

src/views/Billboard/Billboard.vue

@@ -270,7 +270,7 @@ watch(scrollLefts, _scrollLefts => {
       font-weight: 900;
       font-size: 48px;
       line-height: 56px;
-      color: #000000;
+      color: var(--billboard-titleColor);
     }
     .r3 {
       width: 184px;
@@ -315,12 +315,12 @@ watch(scrollLefts, _scrollLefts => {
         font-weight: 900;
         font-size: 28px;
         line-height: 33px;
-        color: rgba(0, 0, 0, 0.8);
+        color: var(--billboard-titleColor);
         .meta {
           font-weight: 500;
           font-size: 20px;
           line-height: 23px;
-          color: rgba(0, 0, 0, 0.6);
+          color: var(--billboard-metaColor);
         }
       }
       .shop {