xuezichuangke/pages/coupon/coupon.wxml

<view class="box">
  <view class="top" wx:if="{{arr!='' || arr1 != ''}}">
    <view class="{{index==0?'active':''}}" bindtap="select" data-index="0">
      <text>未使用({{arr.length}})</text>
      <text></text>
    </view>
    <view class="{{index==1?'active':''}}" bindtap="select" data-index="1">
      <text>已失效({{arr1.length}})</text>
      <text></text>
    </view>
    <view class="{{index==2?'active':''}}" bindtap="select" data-index="2">
      <text>已使用({{arr2.length}})</text>
      <text></text>
    </view>
  </view>
  <view class="null" wx:if="{{arr=='' && index == 0}}">
    <image src="{{img}}weapp/coupon_null.png" style="width:322rpx;height:322rpx;"></image>
    <text>暂无优惠券~</text>
  </view>
  <view class="null" wx:if="{{arr1=='' && index == 1}}">
    <image src="{{img}}weapp/coupon_null.png" style="width:322rpx;height:322rpx;"></image>
    <text>暂无已失效优惠券~</text>
  </view>
  <view class="null" wx:if="{{arr2=='' && index == 2}}">
    <image src="{{img}}weapp/coupon_null.png" style="width:322rpx;height:322rpx;"></image>
    <text>暂无已使用优惠券~</text>
  </view>
  <view class="coupon_1" wx:if="{{index==0 && arr!=''}}">
    <view class="view {{item.type==1 ? 'view1' : item.type==2 ? 'view2' : item.type==3 ? 'view3' :'view4'}}"  wx:for="{{arr}}" wx:key="key">
      <text class="time"  wx:if="{{item.valid_type==1}}">有效期至{{item.valid_end_time}}</text>
      <text class="time"   wx:if="{{item.valid_type==2}}">有效期至{{item.valid_end_time}}</text>
      <text class="time"  wx:if="{{item.valid_type==3}}">有效期:  {{item.valid_type_name}}</text>
      <view class="money" wx:if="{{item.type==1}}">
        <text style="font-size:40rpx;font-weight:800;">￥{{item.used_amount}}</text>
        <text style="font-size:30rpx;text-decoration:line-through;padding-left:10rpx;">￥{{item.with_amount}}</text>
      </view>
      <text class="discount" wx:if="{{item.type==4}}">免押金1次</text>
      <text class="discount" wx:if="{{item.type==3 }}"><text wx:if="{{item.discount>=10}}">{{item.discount/10}}折</text>
      <text wx:if="{{item.discount<10}}">{{item.discount}}折</text></text>
     
      <text class="discount" wx:if="{{item.type==2}}">{{item.used_amount}} 元</text>
      <text class="text" wx:if="{{item.type==1}}">满{{item.with_amount}}元减{{item.used_amount}}元</text>
      <text class="text" wx:if="{{item.type==2}}">无门槛立减{{item.used_amount}}元</text>
      <text class="text" wx:if="{{item.type==3}}">最多可折扣{{item.used_amount}}元</text>
    </view>
  </view>
  <view class="coupon_2" wx:if="{{index==1 && arr1!=''}}">
    <view class="view {{item.type==1 ? 'view1' : item.type==2 ? 'view2' : item.type==3 ? 'view3' :'view4'}}"  wx:for="{{arr1}}" wx:key="key">
      <text class="time" wx:if="{{item.valid_type==1}}">有效期至{{item.valid_end_time}}</text>
      <text class="time" wx:if="{{item.valid_type==2}}">有效期至{{item.valid_end_time}}</text>
      <text class="time" wx:if="{{item.valid_type==3}}">有效期:  {{item.valid_type_name}}</text>
      <view class="money" wx:if="{{item.type==1}}">
        <text style="font-size:40rpx;font-weight:800;">￥{{item.used_amount}}</text>
        <text style="font-size:30rpx;text-decoration:line-through;padding-left:10rpx;">￥{{item.with_amount}}</text>
      </view>
      <text class="discount" wx:if="{{item.type==4}}">免押金1次</text>
      <text class="discount" wx:if="{{item.type==3}}">{{item.discount/10}} 折</text>
      <text class="discount" wx:if="{{item.type==2}}">{{item.used_amount}} 元</text>
      <text class="text" wx:if="{{item.type==1}}">满{{item.with_amount}}元减{{item.used_amount}}元</text>
      <text class="text" wx:if="{{item.type==2}}">无门槛立减{{item.used_amount}}元</text>
      <text class="text" wx:if="{{item.type==3}}">最多可折扣{{item.used_amount}}元</text>
    </view>
  </view>
  <view class="coupon_2" wx:if="{{index==2 && arr2!=''}}">
    <view class="view {{item.type==1 ? 'view1' : item.type==2 ? 'view2' : item.type==3 ? 'view3' :'view4'}}"  wx:for="{{arr2}}" wx:key="key">
      <text class="time" wx:if="{{item.valid_type==1}}">有效期至{{item.valid_end_time}}</text>
      <text class="time" wx:if="{{item.valid_type==2}}">有效期至{{item.valid_end_time}}</text>
      <text class="time" wx:if="{{item.valid_type==3}}">有效期:  {{item.valid_type_name}}</text>
      <view class="money" wx:if="{{item.type==1}}">
        <text style="font-size:40rpx;font-weight:800;">￥{{item.used_amount}}</text>
        <text style="font-size:30rpx;text-decoration:line-through;padding-left:10rpx;">￥{{item.with_amount}}</text>
      </view>
      <text class="discount" wx:if="{{item.type==4}}">免押金1次</text>
      <text class="discount" wx:if="{{item.type==3}}">{{item.discount/10}} 折</text>
      <text class="discount" wx:if="{{item.type==2}}">{{item.used_amount}} 元</text>
      <text class="text" wx:if="{{item.type==1}}">满{{item.with_amount}}元减{{item.used_amount}}元</text>
      <text class="text" wx:if="{{item.type==2}}">无门槛立减{{item.used_amount}}元</text>
      <text class="text" wx:if="{{item.type==3}}">最多可折扣{{item.used_amount}}元</text>
    </view>
  </view>
</view>