lilei 4 tahun lalu
induk
melakukan
f9bc46ac9b
1 mengubah file dengan 30 tambahan dan 13 penghapusan
  1. 30 13
      pages/luckDraw/luckDraw.vue

+ 30 - 13
pages/luckDraw/luckDraw.vue

@@ -76,19 +76,11 @@
 					继续抽奖
 				</view>
 			</view>
-			<view class="lottery-content win_1" v-if="winTypes == 'win_3'">
-				<view class="lottery-title">
-					很抱歉,您来晚了,当前奖品已无库存
-				</view>
-				<view class="lottery-confrim-btn">
-					继续抽奖
-				</view>
-			</view>
 			<view class="lottery-content win_1" v-if="winTypes == 'win_1'">
 				<view class="lottery-title">
 					抱歉,您的免费抽奖次数已用完!
 				</view>
-				<view class="lottery-confrim-btn">
+				<view @click="toPay" class="lottery-confrim-btn">
 					支付10乐豆继续抽奖
 				</view>
 			</view>
@@ -101,6 +93,26 @@
 					去领取
 				</view>
 			</view>
+			<view class="lottery-content win_1" v-if="winTypes == 'win_3'">
+				<view class="lottery-title">
+					很抱歉,您来晚了,当前奖品已无库存
+				</view>
+				<view class="lottery-confrim-btn">
+					继续抽奖
+				</view>
+			</view>
+			<view class="lottery-content win_4" v-if="winTypes == 'win_4'">
+				<view class="lottery-title">
+					<view>请输入支付密码</view>
+					<view>支付<text>10</text><image src="../../static/ledou.png"></image></view>
+					<view>
+						<u-input></u-input>
+					</view>
+				</view>
+				<view class="lottery-confrim-btn">
+					继续抽奖
+				</view>
+			</view>
 		</u-popup>
 	</view>
 </template>
@@ -165,8 +177,8 @@ export default {
 					prize: '15乐豆'
 				}
 			], // 已获奖人员
-			showLottery: false, // 是否显示抽奖弹框
-			winTypes: 'win_0', // 抽奖弹框类型
+			showLottery: true, // 是否显示抽奖弹框
+			winTypes: 'win_1', // 抽奖弹框类型
 			// canvas 属性配置
 			canvasData: {
 				width: 260,
@@ -326,6 +338,10 @@ export default {
 				icon: 'none'
 			});
 		},
+		// 支付乐豆继续抽奖
+		toPay(){
+			this.winTypes = 'win_4'
+		},
 		// 文字滚动
 		scrollAnimate() {
 		  this.animateUp = true
@@ -546,9 +562,10 @@ export default {
 			padding: 100rpx;
 			font-size: 34rpx;
 			flex-direction: column;
+			justify-content: center;
 			image{
-				width: 200rpx;
-				height: 200rpx;
+				width: 180rpx;
+				height: 180rpx;
 			}
 		}
 	}