feat: 增加水牌当前位置颜色配置

src/themes/business/style.json

@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(180deg, #7C9DC4 0%, #BFD3E1 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(0, 0, 0, 0.6)",
     "titleColor": "#000000",
     "metaColor": "rgba(0, 0, 0, 0.6)"
   },

src/themes/dark/style.json

@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(162.44deg, #3E3D59 0%, #262837 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#FFFFFF",
     "metaColor": "rgba(255, 255, 255, 0.6)"
   },

src/themes/fashion/style.json

@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#fff",
     "metaColor": "rgba(255, 255, 255, 0.8)"
   },

src/themes/highend/style.json

@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(180deg, #342F2D 0%, #534946 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#ffffff",
     "metaColor": "rgba(255, 255, 255, 0.8)"
   },

src/themes/luxury/style.json

@@ -79,6 +79,7 @@
   "billboard": {
     "background": "center / cover no-repeat",
     "arrowRadius": "100px",
+    "legendColor": "rgba(0, 0, 0, 0.6)",
     "titleColor": "#000000",
     "metaColor": "rgba(0, 0, 0, 0.6)"
   },

src/themes/main/style.json

@@ -79,6 +79,7 @@
   "billboard": {
     "background": "#dee6f6",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#000000",
     "metaColor": "rgba(0, 0, 0, 0.6)"
   },

src/views/Billboard/Billboard.vue

@@ -3,7 +3,7 @@
     <div class="ip"></div>
     <div class="guide" @click="goPage({ title: '地图导览', path: '/guide' })"></div>
     <div class="header" :style="{ backgroundImage: `url(${theme.images.billBoardBg})` }">
-      <div class="r1">当前位置 <img src="./loc.png" alt="" /></div>
+      <div class="r1">当前位置 <img :src="theme.images.billboardLoc" alt="" /></div>
       <div class="r2">{{ bf }}</div>
       <div class="r3"></div>
       <QRCodeFromText
@@ -257,7 +257,7 @@ watch(scrollLefts, _scrollLefts => {
       font-weight: 700;
       font-size: 20px;
       line-height: 23px;
-      color: rgba(0, 0, 0, 0.6);
+      color: var(--billboard-legendColor, rgba(0, 0, 0, 0.6));
       img {
         width: 20px;
         height: 20px;
@@ -401,7 +401,7 @@ watch(scrollLefts, _scrollLefts => {
       font-size: 16px;
       line-height: 19px;
       text-align: center;
-      color: rgba(0, 0, 0, 0.6);
+      color: var(--billboard-legendColor, rgba(0, 0, 0, 0.6));
       .num {
         content: counter(count);