| | |
| | | <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 all"> |
| | | <view v-for="(item,index) of list" :key="index" class="coupont-item all" :class="[item.getYetFlag]"> |
| | | <view class="flex container img100"> |
| | | <view class="info-price"> |
| | | <view class="price1"> |
| | |
| | | <view class="time"> |
| | | 领取后{{item.usageTimeNum||''}}{{item.usageTimeTypeName||''}}有效 |
| | | </view> |
| | | <view class="button" @click="getCoupon(item)"> |
| | | <view v-if="!item.getYetFlag" class="button" @click="getCoupon(item)"> |
| | | 立即领取 |
| | | </view> |
| | | <view v-else class="button" > |
| | | 已领取 |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <style lang="scss" scoped> |
| | | @import './coupon.scss'; |
| | | |
| | | .coupon-container {} |
| | | .coupon-container { |
| | | |
| | | .coupont-item.true { |
| | | filter: grayscale(100%); |
| | | |
| | | .img-has { |
| | | display: unset; |
| | | } |
| | | } |
| | | } |
| | | </style> |