feat: 修复参与人数模式下的错误

components/Lottery/Timing/JoinButton.vue

@@ -3,10 +3,7 @@
     <div class="btn-box" :style="{ '--btnBottom': btnBottom }">
       <template v-if="+lotteryInfo.status === LOTTERY_STATUS.teaser">
         <button v-if="lotteryInfo.condition === 1" class="join-btn pre">未开始</button>
-        <button v-if="lotteryInfo.condition === 2" class="join-btn pre countdown">
-          <template v-if="hours > 0">{{ hours | filterNum }}:</template>
-          {{ minutes | filterNum }}:{{ seconds | filterNum }}后开始
-        </button>
+        <button v-if="lotteryInfo.condition === 2" class="join-btn pre">等待开奖</button>
       </template>
       <template v-if="+lotteryInfo.status === LOTTERY_STATUS.start">
         <template v-if="lotteryInfo.userTimes === 0 && lotteryInfo.isDraw">

components/Lottery/Timing/Rewards.vue

@@ -10,7 +10,8 @@
       <div class="intro__sub">本场活动奖品:</div>
       <div class="intro__rewards">
         <div v-for="item in lotteryInfo.prizeConfigs" :key="item.id" class="intro__rewards-item">
-          <img :src="item.icon" alt="" />
+          <img v-if="item.icon" :src="item.icon" alt="" />
+          <img v-else src="./img/gift.png" alt="" />
           <div>{{ item.name }}</div>
         </div>
       </div>

components/Lottery/Timing/TimingStatus.vue

@@ -19,7 +19,7 @@
     </template>
     <template v-if="type === 2">
       <div class="joinnum-box">
-        <p>参与人数满 {{ lotteryInfo.joinNum }} 人自动开奖（当前参与 {{ lotteryInfo.activeNum }} 人）</p>
+        <p>参与人数满 {{ lotteryInfo.joinNum }} 人自动开奖 ( 当前参与 {{ lotteryInfo.activeNum }} 人 )</p>
       </div>
     </template>
   </section>
@@ -134,9 +134,22 @@ export default {
     color: #999;
   }
   .joinnum-box {
-    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 13px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #fff6da;
+    line-height: 18.5px;
     p {
-      color: #999999;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 9px;
+      height: 23px;
+      background: rgba(0, 0, 0, 0.21);
+      border-radius: 11.5px;
     }
   }
 }