|
@@ -61,16 +61,18 @@
|
|
|
</view>
|
|
|
|
|
|
<!-- 抽奖活动弹框 -->
|
|
|
- <u-popup v-model="showLottery" mode="center" close-icon-color="#ffffff" closeable :border-radius="30" width="500rpx" height="450rpx">
|
|
|
+ <u-mask :show="showLottery" @click="showLottery = false">
|
|
|
<view class="lottery-content">
|
|
|
- <view class="lottery-title">
|
|
|
- 年末活动来袭,幸福大转盘, 精彩好礼等你来抽!
|
|
|
- </view>
|
|
|
- <view @click="toLuckDraw" class="lottery-confrim-btn">
|
|
|
- 去抽奖
|
|
|
+ <view>
|
|
|
+ <view class="bg">
|
|
|
+ <u-image src="/static/toLottery.png" width="495rpx" height="466rpx" @click="toLuckDraw"></u-image>
|
|
|
+ </view>
|
|
|
+ <view class="close-btn" @click="showLottery = false">
|
|
|
+ <u-image src="/static/closeLottery.png" width="54rpx" height="163rpx"></u-image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </u-popup>
|
|
|
+ </u-mask>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -391,30 +393,23 @@
|
|
|
}
|
|
|
.lottery-content{
|
|
|
display: flex;
|
|
|
+ align-items: center;
|
|
|
justify-content: center;
|
|
|
height: 100%;
|
|
|
- position: relative;
|
|
|
- background: url(../../static/lottery_winbg.jpg) no-repeat center top;
|
|
|
- background-size: 100% auto;
|
|
|
- .lottery-confrim-btn{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- color: #21d5c0;
|
|
|
- font-size: 32rpx;
|
|
|
- border-top: 1px solid #eee;
|
|
|
- padding: 30rpx 0;
|
|
|
- }
|
|
|
- .lottery-title{
|
|
|
- padding: 100rpx 50rpx 50rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- text-align: center;
|
|
|
- color: #21d5c0;
|
|
|
- font-size: 32rpx;
|
|
|
+ > view{
|
|
|
+ width: 495rpx;
|
|
|
+ height: 466rpx;
|
|
|
+ position: relative;
|
|
|
+ .close-btn{
|
|
|
+ position: absolute;
|
|
|
+ right: 32rpx;
|
|
|
+ top: 0 ;
|
|
|
+ }
|
|
|
+ .bg{
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0 ;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.storeList {
|