抽奖次数

src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue

@@ -71,6 +71,7 @@
         </view>
         <img src="./img/pointer.png" alt="" class="point-img">
         <div class="turntable-btn" @click="raffle">立即抽奖</div>
+        <p class="turntable-count">剩余<span> {{activeInfo.allowRaffle ? 1 : 0}} </span>次抽奖机会</p>
       </div>
       <div class="lucky-list" v-if="awardedList.length">
         <u-notice-bar mode="vertical" :is-circular="false" :list="luckyList" :volume-icon="false" bg-color="#FFDEAC" padding="0rpx 0rpx" border-radius="60rpx"></u-notice-bar>
@@ -182,9 +183,9 @@ export default {
       duration: this.duration,
       timingFunction: "ease-in-out", //旋转模式
     });
-    this.activityId = option.activityId
-    this.friendId = option.friendId || ''
-    // this.activityId = '75a4c4493de54f9fb63868817079c89c'
+    // this.activityId = option.activityId
+    // this.friendId = option.friendId || ''
+    this.activityId = '75a4c4493de54f9fb63868817079c89c'
     this.getDetail()
     this.getAwardedList()
   },
@@ -565,7 +566,7 @@ export default {
     }
     .turntable-content {
       width: 700px;
-      height: 960px;
+      height: 1020px;
       background-image: url('./img/turntable-bg.png');
       background-size: 100% 100%;
       background-repeat: no-repeat;
@@ -584,11 +585,25 @@ export default {
         font-size: 40px;
         color: #DC0000;
         position: absolute;
-        bottom: 164px;
+        bottom: 228px;
         left: 50%;
         margin-left: -148px;
         cursor: pointer;
       }
+      .turntable-count {
+        position: absolute;
+        bottom: 182px;
+        left: 50%;
+        margin-left: -148px;
+        width: 296px;
+        text-align: center;
+        color: rgba(255, 246, 240, 1);
+        font-size: 28px;
+        font-weight: 400;
+        span {
+          color: #43FFE7;
+        }
+      }
       .turntable-btn:active{
         transform: scale(0.95);
       }