48 lines
1.4 KiB
Plaintext
48 lines
1.4 KiB
Plaintext
<template>
|
|
<view class="pl-50 pt-30 pr-50">
|
|
<radio-group v-if="coupon && coupon[0]">
|
|
<label class="rows rowsm w-650 h-207 relative mb-21 colfff" v-for="(item,index) in coupon" :key="index">
|
|
<view class="w-244 h-207 rowsc rowsm tct">
|
|
<view>
|
|
<view class="fs-30"><text class="fs-67">25</text>元</view>
|
|
<view class="fs-22">满450元可用</view>
|
|
</view>
|
|
</view>
|
|
<view class="pl-20">
|
|
<radio class="absolute" color="#22cfa2" style="transform: scale(.8);right: 14rpx; top: 14srpx;"></radio>
|
|
<view class="fs-33 col333 mb-20">优惠券名称</view>
|
|
<view class="fs-22 col999">有效期至 2019-08-12</view>
|
|
</view>
|
|
<image src="/static/icon_21.png" class="w-650 h-207 absolute" style="left: 0; top: 0; z-index: -1;"></image>
|
|
</label>
|
|
</radio-group>
|
|
<view class="tct fs-28 col888 pt-400">暂无相关优惠券</view>
|
|
<view class="w-650 h-98 h-98 br-10 rowsc rowsm colfff fs-36 fixed" style="bottom: 60rpx;background: #22cfa2;">确认选择</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
coupon: []
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.getUserCoupon()
|
|
},
|
|
methods: {
|
|
getUserCoupon() {
|
|
this.axiosFromToken('POST','user/getUserCouponList', {user_token: this.app.token}, '加载中').then(res => {
|
|
this.coupon = res.data
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
page {
|
|
background: #f8f9fa;
|
|
}
|
|
</style> |