| | |
|---|
| | | </top-tabs> |
|---|
| | | </view> |
|---|
| | | <view class=""> |
|---|
| | | <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data> |
|---|
| | | |
|---|
| | | <view v-for="(item,index) of list" :key="index" class="coupont-item" :class="[query.status]"> |
|---|
| | | <view class="flex container img100"> |
|---|
| | | <view class="info-price"> |
|---|
| | | <view class="price1">￥7.70</view> |
|---|
| | | <view class="price2">满￥100可用</view> |
|---|
| | | <view class="price1"> |
|---|
| | | {{item.maxDiscountAmount?(`${item.maxDiscountAmount}折`):(`￥${item.couponDiscountValue}`)}} |
|---|
| | | </view> |
|---|
| | | <view class="price2">{{item.minOrderAmount?(`满￥${item.minOrderAmount}可用`):'无门槛'}}</view> |
|---|
| | | </view> |
|---|
| | | <view class="info flex1"> |
|---|
| | | <view class="title"> |
|---|
| | | 七夕专属福利券 |
|---|
| | | {{item.couponName||'-'}} |
|---|
| | | </view> |
|---|
| | | <view class="time"> |
|---|
| | | 有效期至2024-07-26 09:58:30 |
|---|
| | | {{item.usageEndDate&&('有效期至：'+item.usageEndDate) || '长久有效'}} |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | <view class="tip"> |
|---|
| | | <span class="t-red">*</span>此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用 |
|---|
| | | <span |
|---|
| | | class="t-red">*</span>{{item.couponDescription || '此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用'}} |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | changeTab(flg) { |
|---|
| | | this.flg = '' + flg |
|---|
| | | this.query.status = this.tabs[flg].status |
|---|
| | | this.listApi = '/api/v2/coupon/app' + `/mine/${this.query.status}/list` |
|---|
| | | this.refreshList() |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | @import './coupon.scss'; |
|---|
| | | @import './coupon.scss'; |
|---|
| | | |
|---|
| | | .coupon-container { |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | .bottom-button { |
|---|
| | | width: 690rpx; |
|---|
| | | height: 90rpx; |
|---|
| | |
|---|
| | | color: #20613D; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 90rpx; |
|---|
| | | z-index: 99; |
|---|
| | | background-color: #fbfbfb; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
