feat: 水牌和导览箭头圆角半径配置

src/base/ShopItem/ShopItem.vue

@@ -107,6 +107,8 @@ const deactivate = () => store.SET_SHOP(null)
     width: 20px;
     height: 20px;
     margin-left: 7px;
+    background: linear-gradient(113.71deg, #435acd 0%, #749cf3 100%);
+    border-radius: var(--guide-arrowRadius);
   }
   &.isRow {
     display: flex;
@@ -138,6 +140,8 @@ const deactivate = () => store.SET_SHOP(null)
     .dir {
       width: 32px;
       height: 32px;
+      background: linear-gradient(113.71deg, #435acd 0%, #749cf3 100%);
+      border-radius: var(--guide-arrowRadius);
     }
   }
   &.isFood {

src/components/PublicComponent/PublicComponent.vue

@@ -77,11 +77,11 @@ onMounted(() => {
   }, 30000)
 
   store.SET_CURRENT_THEME('highend')
-  // let i = 0
-  // setInterval(() => {
-  //   i++
-  //   store.SET_CURRENT_THEME(['main', 'fashion', 'highend'][i % 3])
-  // }, 10000)
+  let i = 0
+  setInterval(() => {
+    i++
+    store.SET_CURRENT_THEME(['main', 'fashion', 'highend'][i % 3])
+  }, 10000)
   window.addEventListener('touchend', checkHandleScreen)
 })
 onBeforeUnmount(() => {

src/themes/fashion/style.json

@@ -56,10 +56,12 @@
     "background": "#dee2f6"
   },
   "billboard": {
-        "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)"
+    "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)",
+    "arrowRadius": "100px"
   },
   "guide": {
     "floorBg": "linear-gradient(90deg, #302159 0%, #7756b4 96.35%)",
-        "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #6257d7 0%, #f191c0 100%), #dee6f6"
+    "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #6257d7 0%, #f191c0 100%), #dee6f6",
+    "arrowRadius": "100px"
   }
 }

src/themes/highend/style.json

@@ -57,10 +57,12 @@
     "background": "#F2EEE8"
   },
   "billboard": {
-        "background": "linear-gradient(180deg, #342F2D 0%, #534946 100%)"
+    "background": "linear-gradient(180deg, #342F2D 0%, #534946 100%)",
+    "arrowRadius": "100px"
   },
   "guide": {
     "floorBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)",
-        "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #64554D 0%, #B39B85 100%), #F2EEE8"
+    "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #64554D 0%, #B39B85 100%), #F2EEE8",
+    "arrowRadius": "4px"
   }
 }

src/themes/main/style.json

@@ -56,10 +56,12 @@
     "background": "none"
   },
   "billboard": {
-        "background": "#dee6f6"
+    "background": "#dee6f6",
+    "arrowRadius": "100px"
   },
   "guide": {
     "floorBg": "linear-gradient(113.71deg, #435acd 0%, #749cf3 100%)",
-        "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #6c7ca6 0%, #879aca 100%), #dee6f6"
+    "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #6c7ca6 0%, #879aca 100%), #dee6f6",
+    "arrowRadius": "100px"
   }
 }

src/views/Billboard/Billboard.vue

@@ -362,6 +362,8 @@ watch(scrollLefts, _scrollLefts => {
           width: 24px;
           height: 24px;
           margin-right: 12px;
+          background: linear-gradient(113.71deg, #435acd 0%, #749cf3 100%);
+          border-radius: var(--billboard-arrowRadius);
         }
       }
       .shop + .shop {