update

package-lock.json

@@ -2350,7 +2350,7 @@
           "dev": true
         },
         "vue-loader-v16": {
-          "version": "npm:vue-loader@16.8.3",
+          "version": "npm:vue-loader-v16@16.8.3",
           "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
           "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
           "dev": true,

postcss.config.js

@@ -2,7 +2,11 @@ const AutoPrefixer = require("autoprefixer");
 const px2rem = require("postcss-px2rem");
 module.exports = ({ file }) => {
     let remUnit; // 判断条件 请自行调整 我使用的是 mand-mobile ui 没有对vant引入进行测试 
-    if (file && file.dirname && file.dirname.indexOf("vant") > -1) { remUnit = 37.5; } else { remUnit = 75; }
+    if (file && file.dirname && file.dirname.indexOf("vant") > -1) {
+        remUnit = 37.5;
+    } else {
+        remUnit = 75;
+    }
     return {
         plugins: [
             px2rem({ remUnit: remUnit, }),

src/components/Index.vue

@@ -17,12 +17,8 @@
         </div>
       </div>
       <div class="notice">
-        <span class="icon"
+        <span class="icon"><img src="../assets/img/laba.png" alt="" srcset="" /></span>
-          ><img src="../assets/img/laba.png" alt="" srcset=""
+        <span class="num">活动已有{{ store.state.userAccount.participantNum }}人参与</span>
-        /></span>
-        <span class="num"
-          >活动已有{{ store.state.userAccount.participantNum }}人参与</span
-        >
       </div>
       <div class="cloud_left_2"></div>
       <div class="icon_left_2"></div>
@@ -37,11 +33,7 @@
       <div class="cloud_right_3"></div>
       <div class="icon_right_1"></div>
       <div class="select_box"></div>
-      <div
+      <div class="draw_btn" :class="isDraw ? 'is_draw' : ''" @click="drawBtn"></div>
-        class="draw_btn"
-        :class="isDraw ? 'is_draw' : ''"
-        @click="drawBtn"
-      ></div>
       <div class="rule_btn" @click="showRluesBtn"></div>
       <div class="prize_btn" @click="showMyPrizePop"></div>
       <div class="rule_btn_text"></div>
@@ -55,22 +47,12 @@
           <img src="../assets/img/activity_title.png" alt="" />
         </div>
         <div class="activity_list">
-          <div
+          <div class="activity_li" v-for="(item, index) in activityList" :key="index" :style="{
-            class="activity_li"
-            v-for="(item, index) in activityList"
-            :key="index"
-            :style="{
             'background-image': 'url(' + item.banner + ')',
-            }"
+          }" v-show="item.show">
-            v-show="item.show"
+            <div class="btn" :style="{
-          >
-            <div
-              class="btn"
-              :style="{
               'background-image': 'url(' + item.btnImg + ')',
-              }"
+            }" @click="activityBtn(item)"></div>
-              @click="activityBtn(item)"
-            ></div>
           </div>
         </div>
       </div>
@@ -1104,6 +1086,7 @@ const deleteData = (type) => {
     @include box(530px, 594px);
     @include bg_pos("../assets/img/pop/got_luckyBag_pop.png");
     position: relative;
+
     .go_index_btn {
       @include pos(394px, 92px, 79px, 389px);
       @include bg_pos("../assets/img/pop/to_index_btn.png");