|
@@ -5,12 +5,19 @@
|
|
<view class="flex luck-warp" @touchmove.prevent.stop>
|
|
<view class="flex luck-warp" @touchmove.prevent.stop>
|
|
<view class="luck-info">
|
|
<view class="luck-info">
|
|
<view class="luck-info-bg">
|
|
<view class="luck-info-bg">
|
|
- <image src="https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/static/lucky_prize.png" mode="scaleToFill"></image>
|
|
|
|
|
|
+ <image src="https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/lucky1_prize.jpg" mode="scaleToFill"></image>
|
|
</view>
|
|
</view>
|
|
<view class="luck-info-content flex">
|
|
<view class="luck-info-content flex">
|
|
<view class="luck-info-content-num">
|
|
<view class="luck-info-content-num">
|
|
- <image src="../../static/lucky/lucky_gkmp.png" mode="aspectFit" v-if="info.salePrice == 0">
|
|
|
|
- </image>
|
|
|
|
|
|
+ <!-- <image src="../../static/lucky/lucky_gkmp.png" mode="aspectFit" v-if="info.salePrice == 0">
|
|
|
|
+ </image> -->
|
|
|
|
+ <!-- <view v-if="info.salePrice == 0"> -->
|
|
|
|
+ <view class="luck-info-content-num-word" v-if="info.salePrice == 0">
|
|
|
|
+ <text>共富体验</text>
|
|
|
|
+ <text style="font-size: 66rpx;">开启我的
|
|
|
|
+ <text style="color: #FF0000;">共富</text>
|
|
|
|
+ 时刻</text>
|
|
|
|
+ </view>
|
|
<image src="../../static/lucky/zioff.png" mode="aspectFit" v-else></image>
|
|
<image src="../../static/lucky/zioff.png" mode="aspectFit" v-else></image>
|
|
</view>
|
|
</view>
|
|
<view class="luck-info-content-img" v-if="info.status != 1">
|
|
<view class="luck-info-content-img" v-if="info.status != 1">
|
|
@@ -43,7 +50,7 @@
|
|
v-if="info.status == 1 && info.salePrice != 0">
|
|
v-if="info.status == 1 && info.salePrice != 0">
|
|
点击支付</view>
|
|
点击支付</view>
|
|
<view class="luck-info-content-btn" style="width: 500rpx;" @click="payDetail"
|
|
<view class="luck-info-content-btn" style="width: 500rpx;" @click="payDetail"
|
|
- v-else-if="info.status == 1 && info.salePrice == 0">收下盲票,立即刮奖</view>
|
|
|
|
|
|
+ v-else-if="info.status == 1 && info.salePrice == 0">立即刮奖</view>
|
|
<!-- <view class=" code" v-else>开奖啦!</view> -->
|
|
<!-- <view class=" code" v-else>开奖啦!</view> -->
|
|
<view class="luck-info-content-btn" style="width: 500rpx;" @click="toChoice" v-if="Choice">领取奖品
|
|
<view class="luck-info-content-btn" style="width: 500rpx;" @click="toChoice" v-if="Choice">领取奖品
|
|
</view>
|
|
</view>
|
|
@@ -392,16 +399,18 @@
|
|
|
|
|
|
.luck-info {
|
|
.luck-info {
|
|
position: relative;
|
|
position: relative;
|
|
- width: 87vw;
|
|
|
|
|
|
+ // width: 87vw;
|
|
|
|
+ width: 100%;
|
|
height: 60vh;
|
|
height: 60vh;
|
|
|
|
|
|
&-bg {
|
|
&-bg {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: 0;
|
|
top: 0;
|
|
-
|
|
|
|
|
|
+ width: 100%;
|
|
image {
|
|
image {
|
|
- width: 87vw;
|
|
|
|
- height: 60vh;
|
|
|
|
|
|
+ // width: 87vw;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 70vh;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -416,7 +425,7 @@
|
|
|
|
|
|
&-num {
|
|
&-num {
|
|
position: relative;
|
|
position: relative;
|
|
- width: 480rpx;
|
|
|
|
|
|
+ // width: 480rpx;
|
|
height: 8vh;
|
|
height: 8vh;
|
|
margin-top: 16vh;
|
|
margin-top: 16vh;
|
|
margin-bottom: 3vh;
|
|
margin-bottom: 3vh;
|
|
@@ -427,6 +436,17 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
+ &-word {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ font-size: 81rpx;
|
|
|
|
+ font-family: YouSheBiaoTiHei;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ color: #7231F1;
|
|
|
|
+ // line-height: 164rpx;
|
|
|
|
+ }
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -503,7 +523,7 @@
|
|
|
|
|
|
&-ticket {
|
|
&-ticket {
|
|
position: relative;
|
|
position: relative;
|
|
- width: 80%;
|
|
|
|
|
|
+ width: 70%;
|
|
height: 10vh;
|
|
height: 10vh;
|
|
margin-top: 3vh;
|
|
margin-top: 3vh;
|
|
|
|
|