test/pages/order/coupon/index.wxml

<!--pages/order/coupon/index.wxml-->
<title title="优惠券"></title>
<view >
<view wx:if="{{list.length>0}}" class="coupon-title">可使用红包 <text class="couon-date">{{list.length}}张</text></view>
<view class="coupon-item-box" wx:for="{{list}}">
    <view class="coupon-item" >
        <view class="money" wx:if="{{item.activity.discount_type == 'pricebreak'}}">{{item.activity.money/100}}</view>
        <view class="money1" wx:else>
        {{item.activity.fold}}
        </view>
        <view class="coupon-info">
        <view>{{item.activity.name}}</view>
        <view class="couon-date" wx:if="{{item.end_time}}">{{item.end_time}}到期</view>
        </view>
        <view wx:if="{{item.can_use}}" class="iconfont icon-{{item.selected?'gou':'quan'}}" bindtap="selectIt" data-index="{{index}}"></view>
        <view class="couon-date" wx:else>不可用</view>

    </view>
    <view class="no-reason" wx:if="{{!item.can_use}}">
        <view style="color: #D62828;margin-bottom: 8rpx;">不可用原因</view>
        <view>{{item.reason}}</view>
    </view>
</view>

<view wx:if="{{noUseList.length>0}}" class="coupon-title">不可使用红包 <text class="couon-date">{{noUseList.length}}张</text></view>
<view class="coupon-item-box" wx:for="{{noUseList}}">
    <view class="coupon-item" >
        <view class="money" wx:if="{{item.activity.discount_type == 'pricebreak'}}">{{item.activity.money/100}}</view>
        <view class="money1" wx:else>
        {{item.activity.fold}}
        </view>
        <view class="coupon-info">
        <view>{{item.activity.name}}</view>
        <view class="couon-date" wx:if="{{item.end_time}}">{{item.end_time}}到期</view>
        </view>
        <view wx:if="{{item.can_use}}" class="iconfont icon-{{item.selected?'gou':'quan'}}" bindtap="selectIt" data-index="{{index}}"></view>
        <view class="couon-date" wx:else>不可用</view>

        <view class="cover-no-use" wx:if="{{!item.can_use}}"></view>
    </view>
    <view class="no-reason" wx:if="{{!item.can_use}}">
        <view style="color: #D62828;margin-bottom: 8rpx;">不可用原因</view>
        <view>{{item.reason}}</view>
    </view>
</view>




  <view class="btn" bindtap="submit">确定</view>
</view>
<view class="common-empty" wx:if="{{list.length==0&&noUseList.length==0}}" style="z-index:-1;top:0">
  <image lazy-load mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/other/nodata.png"></image>
  <view>暂无优惠券</view>
</view>