feat: 增加首页菜单背景配置

src/themes/business/style.json

@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "rgba(255, 255, 255, 0.4)",
+    "indexBg2": "rgba(255, 255, 255, 0.4)",
+    "indexBg3": "rgba(255, 255, 255, 0.4)",
+    "indexBg4": "rgba(255, 255, 255, 0.4)",
+    "indexBg5": "rgba(255, 255, 255, 0.4)",
     "color": "rgba(0, 0, 0, 0.4)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "rgba(0, 0, 0, 0.8)",

src/themes/dark/style.json

@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "rgba(255, 255, 255, 0.1)",
+    "indexBg2": "rgba(255, 255, 255, 0.1)",
+    "indexBg3": "rgba(255, 255, 255, 0.1)",
+    "indexBg4": "rgba(255, 255, 255, 0.1)",
+    "indexBg5": "rgba(255, 255, 255, 0.1)",
     "color": "rgba(0, 0, 0, 0.8)",
     "activeColor": "#fff",
     "indexColor": "#FFFFFF",

src/themes/fashion/style.json

@@ -33,6 +33,11 @@
     "activeBg3": "linear-gradient(180deg, #53ba82 0%, #89d963 100%)",
     "activeBg4": "linear-gradient(180deg, #c57df1 0%, #ec86f2 100%)",
     "activeBg5": "linear-gradient(180deg, #418fea 0%, #59b0f2 94.79%)",
+    "indexBg1": "linear-gradient(180deg, #e97893 0%, #f48bca 100%)",
+    "indexBg2": "linear-gradient(180deg, #f29348 0%, #f9ba61 100%)",
+    "indexBg3": "linear-gradient(180deg, #53ba82 0%, #89d963 100%)",
+    "indexBg4": "linear-gradient(180deg, #c57df1 0%, #ec86f2 100%)",
+    "indexBg5": "linear-gradient(180deg, #418fea 0%, #59b0f2 94.79%)",
     "color": "#ffffff",
     "activeColor": "#ffffff",
     "indexColor": "#FFFFFF",

src/themes/highend/style.json

@@ -33,6 +33,11 @@
     "activeBg3": "#6E5E54",
     "activeBg4": "#6E5E54",
     "activeBg5": "#6E5E54",
+    "indexBg1": "#6E5E54",
+    "indexBg2": "#6E5E54",
+    "indexBg3": "#6E5E54",
+    "indexBg4": "#6E5E54",
+    "indexBg5": "#6E5E54",
     "color": "rgba(0, 0, 0, 0.6)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "#FFFFFF",

src/themes/luxury/style.json

@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "#ffffff",
+    "indexBg2": "#ffffff",
+    "indexBg3": "#ffffff",
+    "indexBg4": "#ffffff",
+    "indexBg5": "#ffffff",
     "color": "rgba(0, 0, 0, 0.4)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "rgba(0, 0, 0, 0.8)",

src/themes/main/style.json

@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "#ffffff",
+    "indexBg2": "#ffffff",
+    "indexBg3": "#ffffff",
+    "indexBg4": "#ffffff",
+    "indexBg5": "#ffffff",
     "color": "rgba(0, 0, 0, 0.4)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "rgba(0, 0, 0, 0.8)",

src/views/Index/Index.vue

@@ -350,27 +350,27 @@ getActivityList(3).then(({ data }) => {
       margin-top: 40px;
       .item:nth-child(5n + 1) {
         .icon {
-          background: var(--menu-activeBg1);
+          background: var(--menu-indexBg1);
         }
       }
       .item:nth-child(5n + 2) {
         .icon {
-          background: var(--menu-activeBg2);
+          background: var(--menu-indexBg2);
         }
       }
       .item:nth-child(5n + 3) {
         .icon {
-          background: var(--menu-activeBg3);
+          background: var(--menu-indexBg3);
         }
       }
       .item:nth-child(5n + 4) {
         .icon {
-          background: var(--menu-activeBg4);
+          background: var(--menu-indexBg4);
         }
       }
       .item:nth-child(5n + 5) {
         .icon {
-          background: var(--menu-activeBg5);
+          background: var(--menu-indexBg5);
         }
       }
       .item {