From 866f608e9be23d67d45055f6b94a373540ce52f6 Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Wed, 28 Dec 2022 16:10:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=B0=B4=E7=89=8C?=
 =?UTF-8?q?=E5=BD=93=E5=89=8D=E4=BD=8D=E7=BD=AE=E9=A2=9C=E8=89=B2=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../loc.png => themes/business/billboardLoc.png}  | Bin
 src/themes/business/style.json                    |   1 +
 src/themes/dark/billboardLoc.png                  | Bin 0 -> 888 bytes
 src/themes/dark/style.json                        |   1 +
 src/themes/fashion/billboardLoc.png               | Bin 0 -> 888 bytes
 src/themes/fashion/style.json                     |   1 +
 src/themes/highend/billboardLoc.png               | Bin 0 -> 888 bytes
 src/themes/highend/style.json                     |   1 +
 src/themes/luxury/billboardLoc.png                | Bin 0 -> 911 bytes
 src/themes/luxury/style.json                      |   1 +
 src/themes/main/billboardLoc.png                  | Bin 0 -> 911 bytes
 src/themes/main/style.json                        |   1 +
 src/views/Billboard/Billboard.vue                 |   6 +++---
 13 files changed, 9 insertions(+), 3 deletions(-)
 rename src/{views/Billboard/loc.png => themes/business/billboardLoc.png} (100%)
 create mode 100644 src/themes/dark/billboardLoc.png
 create mode 100644 src/themes/fashion/billboardLoc.png
 create mode 100644 src/themes/highend/billboardLoc.png
 create mode 100644 src/themes/luxury/billboardLoc.png
 create mode 100644 src/themes/main/billboardLoc.png

diff --git a/src/views/Billboard/loc.png b/src/themes/business/billboardLoc.png
similarity index 100%
rename from src/views/Billboard/loc.png
rename to src/themes/business/billboardLoc.png
diff --git a/src/themes/business/style.json b/src/themes/business/style.json
index e1143de..1a87982 100644
--- a/src/themes/business/style.json
+++ b/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)"
   },
diff --git a/src/themes/dark/billboardLoc.png b/src/themes/dark/billboardLoc.png
new file mode 100644
index 0000000000000000000000000000000000000000..e49cd2867da2036f7330b0d1b76b3029d204be91
GIT binary patch
literal 888
zcmV-;1Bd*HP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0}V+;K~#7F?U*fe
z8bJ`p2VPB)jfF}oi)@fhWw6oM=(zS(Rb#8EY$_93Dg%<p#3m9fk#zoLNQb?dy}jF0
zef__;?~c9w_|5F>7exQ{kE=x)+HSWUesm@E)Tbv-D^8ECR_mTJR11*7`urGhI_A_V
zDZb&f<aEujYpSS9fDCrTk28U*qZ_ISnhYpjJ15&?@De(Gknb;PH{@1Xl)GfeB{c=e
za3{3$TnIJiwDjVP>mfEj&@L20edl_=C>M}BLF3~f8$<PjJJ?WyBs4};1f6ml^H|+>
zLc^iwVEMOHI0!MvY09sc!KX9nqaGmZf)3*-X;?gQ-5EcoDhq9oV|83W8Cq@KRSXWE
z;53lbB_9$)I#XGF>C4m$@-<TL7@}*k!3I*c8{}iQUO6#_woq^HfFbQBTtRK8(;fxh
zbIJkiJcJXW{#eQ!NaFXW%IeE9mIlartKK)37o_7;D%UBOeQ)G1Xtz{7Lt2%+A%3IY
z@2Cg|@90j^5oYME{Dy%rU_S~YuCvfHAMc!p^>e=~nQ`lRP!I2;@g3Ic**$@m(WxYO
ze5$^q>^q|!ZTxGh3AlCupF3fof)TR2==`41&Xdz;DPR@FHvSc5$^$IhCA8(SlTFX5
zldN_EfHgGwB+{{#63NrUc4xGs+kP;<yR#UL4UI<r2=OHg@g4w6$t!;DPc^8k;}i@1
zEyV#>RRFa$SVTL<;ovK$&+7M({u)I_*#pT^rH!x*aEEvi{4OlCGIJ*spCmA9V$E_o
z+)APQWI*wju5e-<i)1MQB(_5B^|j=EvJSJ-mOdcdc-H{;z$$y=h04MW?F%&^ZX2PY
zcaD!9pt}x=<@#9E<%Y+U4>u0rX0c0D*+PwDk*<8411WX&(5|HqS5ZKT#c(3jf^^^}
zWmkvPTOEQL@u(-tT<#e;aHaR-D)-`AkU4Ob0P8^J!c_*W0@(yyEkH_uYznS6U<^{8
zjle;<{|{P_T3K*V79bRX%!Y%q0U-mj5jdz3KuAGCjleZ7`G4k!8q{xfD`gOi+B|^(
O0000<MNUMnLSTZf5R!!e

literal 0
HcmV?d00001

diff --git a/src/themes/dark/style.json b/src/themes/dark/style.json
index 1eeeb25..07db1ae 100644
--- a/src/themes/dark/style.json
+++ b/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)"
   },
diff --git a/src/themes/fashion/billboardLoc.png b/src/themes/fashion/billboardLoc.png
new file mode 100644
index 0000000000000000000000000000000000000000..e49cd2867da2036f7330b0d1b76b3029d204be91
GIT binary patch
literal 888
zcmV-;1Bd*HP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0}V+;K~#7F?U*fe
z8bJ`p2VPB)jfF}oi)@fhWw6oM=(zS(Rb#8EY$_93Dg%<p#3m9fk#zoLNQb?dy}jF0
zef__;?~c9w_|5F>7exQ{kE=x)+HSWUesm@E)Tbv-D^8ECR_mTJR11*7`urGhI_A_V
zDZb&f<aEujYpSS9fDCrTk28U*qZ_ISnhYpjJ15&?@De(Gknb;PH{@1Xl)GfeB{c=e
za3{3$TnIJiwDjVP>mfEj&@L20edl_=C>M}BLF3~f8$<PjJJ?WyBs4};1f6ml^H|+>
zLc^iwVEMOHI0!MvY09sc!KX9nqaGmZf)3*-X;?gQ-5EcoDhq9oV|83W8Cq@KRSXWE
z;53lbB_9$)I#XGF>C4m$@-<TL7@}*k!3I*c8{}iQUO6#_woq^HfFbQBTtRK8(;fxh
zbIJkiJcJXW{#eQ!NaFXW%IeE9mIlartKK)37o_7;D%UBOeQ)G1Xtz{7Lt2%+A%3IY
z@2Cg|@90j^5oYME{Dy%rU_S~YuCvfHAMc!p^>e=~nQ`lRP!I2;@g3Ic**$@m(WxYO
ze5$^q>^q|!ZTxGh3AlCupF3fof)TR2==`41&Xdz;DPR@FHvSc5$^$IhCA8(SlTFX5
zldN_EfHgGwB+{{#63NrUc4xGs+kP;<yR#UL4UI<r2=OHg@g4w6$t!;DPc^8k;}i@1
zEyV#>RRFa$SVTL<;ovK$&+7M({u)I_*#pT^rH!x*aEEvi{4OlCGIJ*spCmA9V$E_o
z+)APQWI*wju5e-<i)1MQB(_5B^|j=EvJSJ-mOdcdc-H{;z$$y=h04MW?F%&^ZX2PY
zcaD!9pt}x=<@#9E<%Y+U4>u0rX0c0D*+PwDk*<8411WX&(5|HqS5ZKT#c(3jf^^^}
zWmkvPTOEQL@u(-tT<#e;aHaR-D)-`AkU4Ob0P8^J!c_*W0@(yyEkH_uYznS6U<^{8
zjle;<{|{P_T3K*V79bRX%!Y%q0U-mj5jdz3KuAGCjleZ7`G4k!8q{xfD`gOi+B|^(
O0000<MNUMnLSTZf5R!!e

literal 0
HcmV?d00001

diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json
index 95ea86a..6eb28bd 100644
--- a/src/themes/fashion/style.json
+++ b/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)"
   },
diff --git a/src/themes/highend/billboardLoc.png b/src/themes/highend/billboardLoc.png
new file mode 100644
index 0000000000000000000000000000000000000000..e49cd2867da2036f7330b0d1b76b3029d204be91
GIT binary patch
literal 888
zcmV-;1Bd*HP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0}V+;K~#7F?U*fe
z8bJ`p2VPB)jfF}oi)@fhWw6oM=(zS(Rb#8EY$_93Dg%<p#3m9fk#zoLNQb?dy}jF0
zef__;?~c9w_|5F>7exQ{kE=x)+HSWUesm@E)Tbv-D^8ECR_mTJR11*7`urGhI_A_V
zDZb&f<aEujYpSS9fDCrTk28U*qZ_ISnhYpjJ15&?@De(Gknb;PH{@1Xl)GfeB{c=e
za3{3$TnIJiwDjVP>mfEj&@L20edl_=C>M}BLF3~f8$<PjJJ?WyBs4};1f6ml^H|+>
zLc^iwVEMOHI0!MvY09sc!KX9nqaGmZf)3*-X;?gQ-5EcoDhq9oV|83W8Cq@KRSXWE
z;53lbB_9$)I#XGF>C4m$@-<TL7@}*k!3I*c8{}iQUO6#_woq^HfFbQBTtRK8(;fxh
zbIJkiJcJXW{#eQ!NaFXW%IeE9mIlartKK)37o_7;D%UBOeQ)G1Xtz{7Lt2%+A%3IY
z@2Cg|@90j^5oYME{Dy%rU_S~YuCvfHAMc!p^>e=~nQ`lRP!I2;@g3Ic**$@m(WxYO
ze5$^q>^q|!ZTxGh3AlCupF3fof)TR2==`41&Xdz;DPR@FHvSc5$^$IhCA8(SlTFX5
zldN_EfHgGwB+{{#63NrUc4xGs+kP;<yR#UL4UI<r2=OHg@g4w6$t!;DPc^8k;}i@1
zEyV#>RRFa$SVTL<;ovK$&+7M({u)I_*#pT^rH!x*aEEvi{4OlCGIJ*spCmA9V$E_o
z+)APQWI*wju5e-<i)1MQB(_5B^|j=EvJSJ-mOdcdc-H{;z$$y=h04MW?F%&^ZX2PY
zcaD!9pt}x=<@#9E<%Y+U4>u0rX0c0D*+PwDk*<8411WX&(5|HqS5ZKT#c(3jf^^^}
zWmkvPTOEQL@u(-tT<#e;aHaR-D)-`AkU4Ob0P8^J!c_*W0@(yyEkH_uYznS6U<^{8
zjle;<{|{P_T3K*V79bRX%!Y%q0U-mj5jdz3KuAGCjleZ7`G4k!8q{xfD`gOi+B|^(
O0000<MNUMnLSTZf5R!!e

literal 0
HcmV?d00001

diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json
index 34be7b4..99988f6 100644
--- a/src/themes/highend/style.json
+++ b/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)"
   },
diff --git a/src/themes/luxury/billboardLoc.png b/src/themes/luxury/billboardLoc.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb3e38c9a3c6686120554b6df1455156f0d97450
GIT binary patch
literal 911
zcmV;A191F_P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH10+dAK~#7F?U*lY
z6hRcmKS~i)(1b-G?huGpK*AXkI0*;@XEB(y=sFS<8e0WPEnrAEg8)e@Dz1_mL=lKP
zQ*kFMV7}~Z?(N=tvwvnWO~2%&JF_#hzj<%|ydH3&bFNE>(}uI2x4x)fIGZ~A?d%v4
zY74mKY~bu6GRTnT&L+;r&Sq$+rhtjF=N_(&exM;}6F_?HC3KI?{YOvy`>V)8uC-;m
zkI1~*8Q^1No-0G``wv;`jBE1=vZYYg2WQ{W0U!rYOLYv@Cl6UiTpA;+g6<)kq^ZlO
z9++XhBI-Ev&(6+JU)<Fb|M!ll=dwBU^{oJ3JKIDNt}-kE{X(_|^G(KybFJ>T0c1Fa
zqWs0#*FbxEd)wJfXY0;Rjdna6xp{7jeluUcqIK9BiDwQlHrfq*+g_=jeK;x2J7eE3
z@#Ue>&h#MN{#2BCENC+%*b8UZly@5*f*Y~C%ej94I=k!3iEp!VKCVI6J@K3$CmP%{
zREupMDfI^^o&sB1XDh_p;`yiYJ}G^aAEK9!e3=s*VHv`a0>o!}E#ELb<vXSa6Y;Et
zma~<&#9L%uo@43pJ@KAxA1LF<$=^atz?lIkKcY?IxK!U)+ANH3q6)ByLKpuOk+J}*
zt}r?CP-fFN`qb814FD}PG85tY8Yyk$CZV*=CdWQe-kZCagAJ8Ia^+`M4#1=2I+o`h
z`^t67wnqp9PMZMA+2lL69QIvgcQpjm&=_x5sY_6tgf;;)#0RCacF=N%@^}etlDThV
z-9l1oPHA0ryoz{O=OJV$w6utD6AwZ!Z;JYF&fYuwqm0jSQ&DDqsouq*gq7~!5oLPe
z4Z0DRhP*jm!H7gC-C_rs7BL~XftvqI1eBtfw9?auR^zIKl?mp3EUz_&ItDUDG3}=l
z-XV~kR{@@Rm_Y}SsRG9hbQ<bZ1xPJAfJ_az%Kwk+0LDV5ZQ+^#wuMY%;F<z9g-m1N
z+5pytOuK-iVt#((ZLou4#**I#oxoACzYl7VQc-YJn-EKB;m#EeN5ukC8e}JMR2P7h
lgyeH4aQ{OI?Dg16{{Ti}#lwJWj;8<s002ovPDHLkV1jABom>C_

literal 0
HcmV?d00001

diff --git a/src/themes/luxury/style.json b/src/themes/luxury/style.json
index f21d92b..bcbc4ce 100644
--- a/src/themes/luxury/style.json
+++ b/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)"
   },
diff --git a/src/themes/main/billboardLoc.png b/src/themes/main/billboardLoc.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb3e38c9a3c6686120554b6df1455156f0d97450
GIT binary patch
literal 911
zcmV;A191F_P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH10+dAK~#7F?U*lY
z6hRcmKS~i)(1b-G?huGpK*AXkI0*;@XEB(y=sFS<8e0WPEnrAEg8)e@Dz1_mL=lKP
zQ*kFMV7}~Z?(N=tvwvnWO~2%&JF_#hzj<%|ydH3&bFNE>(}uI2x4x)fIGZ~A?d%v4
zY74mKY~bu6GRTnT&L+;r&Sq$+rhtjF=N_(&exM;}6F_?HC3KI?{YOvy`>V)8uC-;m
zkI1~*8Q^1No-0G``wv;`jBE1=vZYYg2WQ{W0U!rYOLYv@Cl6UiTpA;+g6<)kq^ZlO
z9++XhBI-Ev&(6+JU)<Fb|M!ll=dwBU^{oJ3JKIDNt}-kE{X(_|^G(KybFJ>T0c1Fa
zqWs0#*FbxEd)wJfXY0;Rjdna6xp{7jeluUcqIK9BiDwQlHrfq*+g_=jeK;x2J7eE3
z@#Ue>&h#MN{#2BCENC+%*b8UZly@5*f*Y~C%ej94I=k!3iEp!VKCVI6J@K3$CmP%{
zREupMDfI^^o&sB1XDh_p;`yiYJ}G^aAEK9!e3=s*VHv`a0>o!}E#ELb<vXSa6Y;Et
zma~<&#9L%uo@43pJ@KAxA1LF<$=^atz?lIkKcY?IxK!U)+ANH3q6)ByLKpuOk+J}*
zt}r?CP-fFN`qb814FD}PG85tY8Yyk$CZV*=CdWQe-kZCagAJ8Ia^+`M4#1=2I+o`h
z`^t67wnqp9PMZMA+2lL69QIvgcQpjm&=_x5sY_6tgf;;)#0RCacF=N%@^}etlDThV
z-9l1oPHA0ryoz{O=OJV$w6utD6AwZ!Z;JYF&fYuwqm0jSQ&DDqsouq*gq7~!5oLPe
z4Z0DRhP*jm!H7gC-C_rs7BL~XftvqI1eBtfw9?auR^zIKl?mp3EUz_&ItDUDG3}=l
z-XV~kR{@@Rm_Y}SsRG9hbQ<bZ1xPJAfJ_az%Kwk+0LDV5ZQ+^#wuMY%;F<z9g-m1N
z+5pytOuK-iVt#((ZLou4#**I#oxoACzYl7VQc-YJn-EKB;m#EeN5ukC8e}JMR2P7h
lgyeH4aQ{OI?Dg16{{Ti}#lwJWj;8<s002ovPDHLkV1jABom>C_

literal 0
HcmV?d00001

diff --git a/src/themes/main/style.json b/src/themes/main/style.json
index b664271..514369e 100644
--- a/src/themes/main/style.json
+++ b/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)"
   },
diff --git a/src/views/Billboard/Billboard.vue b/src/views/Billboard/Billboard.vue
index 7f054b7..582331b 100644
--- a/src/views/Billboard/Billboard.vue
+++ b/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);