feat: 初版

src/views/data/index.vue

@@ -125,14 +125,16 @@ const procressData = (list) => {
 
           break;
         case "音频名称":
-          obj["audio"] = item[key] + ".MP3";
+          if (item[key]) {
+            obj["audio"] = item[key] + ".MP3";
+          }
 
           break;
         case "县市区":
           obj["address"] = item[key];
         case "图标大小":
           if (item[key] && item[key] != "需补充") {
-            obj["iconSize"] = item[key].split('*');
+            obj["iconSize"] = item[key].split("*");
           } else {
             obj["iconSize"] = null;
           }

src/views/home/index.vue

@@ -35,7 +35,7 @@ const goItem = (type) => {
       router.push("/map");
       break;
     case 2:
-    router.push("/unity");
+      router.push("/unity");
       break;
     case 3:
       router.push("/season");
@@ -56,7 +56,8 @@ const goItem = (type) => {
     height: 100vh;
     top: 0;
     left: 0;
-    background: rgba(0, 0, 0, 0.5);
+    background: url("@/assets/images/homeBg.png") no-repeat;
+    background-size: 100% 100%;
     padding: 0 0.44rem 0;
     color: #fff;
     // padding-top: 100%;
@@ -82,7 +83,7 @@ const goItem = (type) => {
       // height: 4.3867rem;
       height: 20%;
       background: url("@/assets/images/home1.png") no-repeat;
-      background-size: cover;
+      background-size: 100% 100%;
       margin-bottom: 0.4rem;
       display: flex;
       align-items: center;
@@ -108,7 +109,7 @@ const goItem = (type) => {
         height: 100%;
         background: rgba(0, 0, 0, 0.5);
         background: url("@/assets/images/home2.png") no-repeat;
-        background-size: cover;
+        background-size: 100% 100%;
         border-radius: 0.2667rem;
         overflow: hidden;
         img {
@@ -142,11 +143,11 @@ const goItem = (type) => {
           }
           &.up {
             background: url("@/assets/images/home3.png") no-repeat;
-            background-size: cover;
+            background-size: 100% 100%;
           }
           &.down {
             background: url("@/assets/images/home4.png") no-repeat;
-            background-size: cover;
+            background-size: 100% 100%;
           }
         }
       }
@@ -164,7 +165,7 @@ const goItem = (type) => {
       width: calc(50% - 0.2rem);
       height: 100%;
       display: flex;
-      align-items: center;
+      align-items: flex-start;
       justify-content: center;
       border-radius: 0.2667rem;
       overflow: hidden;
@@ -173,14 +174,15 @@ const goItem = (type) => {
         height: auto;
         max-height: 80%;
         object-fit: contain;
+        margin-top:.7067rem;
       }
       &.l {
         background: url("@/assets/images/home5.png") no-repeat;
-        background-size: cover;
+        background-size: 100% 100%;
       }
       &.r {
         background: url("@/assets/images/home6.png") no-repeat;
-        background-size: cover;
+        background-size: 100% 100%;
       }
     }
   }

src/views/season/index.vue

@@ -85,20 +85,20 @@ const showLayer = (type) => {
   background: #eee;
 
   &.spring {
-    background: url("./static/image/洞庭幻波/春.png") no-repeat;
+    background: url("/static/image/洞庭幻波/春.png") no-repeat;
     background-size: cover;
   }
   &.summer {
-    background: url("./static/image/洞庭幻波/夏.png") no-repeat;
+    background: url("/static/image/洞庭幻波/夏.png") no-repeat;
     background-size: cover;
     background-position: 54% center;
   }
   &.autumn {
-    background: url("./static/image/洞庭幻波/秋.png") no-repeat;
+    background: url("/static/image/洞庭幻波/秋.png") no-repeat;
     background-size: cover;
   }
   &.winter {
-    background: url("./static/image/洞庭幻波/冬.png") no-repeat;
+    background: url("/static/image/洞庭幻波/冬.png") no-repeat;
     background-size: cover;
   }