|
@ -6,10 +6,14 @@ |
|
|
<view class="main-container"> |
|
|
<view class="main-container"> |
|
|
<view class="coupon-box" v-for="(prize,prizeIndex) in prizeList" :key="prizeIndex" |
|
|
<view class="coupon-box" v-for="(prize,prizeIndex) in prizeList" :key="prizeIndex" |
|
|
:style="{'background-image':`url(${prize.backgroundImg})`}"> |
|
|
:style="{'background-image':`url(${prize.backgroundImg})`}"> |
|
|
<view class="flex-between" style="flex-wrap: wrap;" v-if="prize.isCoupon"> |
|
|
<view v-if="prize.isCoupon"> |
|
|
<image :class="['coupon-img','coupon-img'+i]" v-for="(item,i) in couponList" :key="i" |
|
|
<view class="flex-between" style="flex-wrap: wrap;" > |
|
|
:src="item.img" @click="getCoupon(item)" mode="widthFix"></image> |
|
|
<image :class="['coupon-img','coupon-img'+i]" v-for="(item,i) in couponList" :key="i" |
|
|
|
|
|
:src="item.img" @click="getCoupon(item)" mode="widthFix"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="getAllCoupon" @click="getAllCoupon()">一键领取</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="w-full" v-else @click="gotoPath(prize.path)"> |
|
|
<view class="w-full" v-else @click="gotoPath(prize.path)"> |
|
|
<image style="width: 100%;height: 262rpx;" :src="prize.img" mode="widthFix"></image> |
|
|
<image style="width: 100%;height: 262rpx;" :src="prize.img" mode="widthFix"></image> |
|
|
</view> |
|
|
</view> |
|
@ -195,6 +199,30 @@ |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
getAllCoupon() { |
|
|
|
|
|
if (!this.isReceive) { |
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
title: "短时间内请勿重复点击!", |
|
|
|
|
|
icon: 'none' |
|
|
|
|
|
}) |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
this.isReceive = false |
|
|
|
|
|
setTimeout(() => {this.isReceive = true}, 3000) |
|
|
|
|
|
let ids = this.couponList.map(x=>x.id).join(',') |
|
|
|
|
|
this.Post({ |
|
|
|
|
|
ids: ids, |
|
|
|
|
|
is_all: 1, |
|
|
|
|
|
},"/api/coupon/getNewCouponsByActivitiesIds").then(res => { |
|
|
|
|
|
if (res) { |
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
title: res.data, |
|
|
|
|
|
icon: 'none' |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
viewDetail(item) { |
|
|
viewDetail(item) { |
|
|
this.gotoDetailByType(item) |
|
|
this.gotoDetailByType(item) |
|
@ -452,4 +480,18 @@ |
|
|
bottom: 66rpx; |
|
|
bottom: 66rpx; |
|
|
right: 26rpx; |
|
|
right: 26rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.getAllCoupon{ |
|
|
|
|
|
width: 347rpx; |
|
|
|
|
|
height: 67rpx; |
|
|
|
|
|
background: linear-gradient( 92deg, #FFB86C 0%, #FE9D09 100%); |
|
|
|
|
|
border-radius: 13rpx 13rpx 13rpx 13rpx; |
|
|
|
|
|
font-family: Alibaba PuHuiTi, Alibaba PuHuiTi; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
font-size: 32rpx; |
|
|
|
|
|
color: #FFFFFF; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
line-height: 67rpx; |
|
|
|
|
|
margin: 24rpx auto 30rpx; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |