<template>
|
<view class="coupon-container">
|
<view class="">
|
<view v-for="(item,index) of list" :key="index" class="coupont-item all">
|
<view class="flex container img100">
|
<view class="info-price">
|
<view class="price1">￥7.70</view>
|
<view class="price2">满￥100可用</view>
|
</view>
|
<view class="info flex1">
|
<view class="title">
|
七夕专属福利券
|
</view>
|
<view class="time">
|
有效期至2024-07-26 09:58:30
|
</view>
|
<view class="button" @click="getCoupon(item)">
|
立即领取
|
</view>
|
</view>
|
</view>
|
<view class="tip">
|
<span class="t-red">*</span>此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用
|
</view>
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
query: {
|
status: ''
|
},
|
list: [{}]
|
}
|
},
|
async onLoad() {
|
this.listApi = '/api/v2/coupon/app' + `/center/list`
|
|
// this.getList()
|
},
|
|
methods: {
|
async getCoupon(item) {
|
this.$message.showLoading()
|
const {
|
code,
|
data
|
} = await this.$http.request('post', '/api/v2/coupon/point/exchange', {
|
data: {
|
couponId: item.id
|
}
|
})
|
if (code == 0) {
|
await this.$message.showToast('领取成功')
|
this.$store.dispatch('sign_add', 'coupon')
|
this.refreshList()
|
}
|
}
|
|
},
|
async onPullDownRefresh() {
|
await this.refreshList()
|
uni.stopPullDownRefresh()
|
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import './coupon.scss';
|
|
.coupon-container {
|
|
.coupont-item.all {
|
margin-top: 20rpx;
|
|
.container {
|
.info {
|
.time {
|
margin-top: 0rpx;
|
}
|
|
.button {
|
width: 150rpx;
|
height: 46rpx;
|
// box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.14);
|
border-radius: 24rpx;
|
border: 2rpx solid rgba(68, 119, 90, 1);
|
font-weight: 400;
|
font-size: 24rpx;
|
color: rgba(68, 119, 90, 1);
|
line-height: 46rpx;
|
text-align: center;
|
margin-top: 10rpx;
|
}
|
}
|
}
|
}
|
|
|
|
}
|
</style>
|
