|
@@ -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;
|
|
|
}
|
|
|
}
|
|
|
}
|