jzmall_wx/pages/ucenter/couponList/couponList.wxml

<view class="container">

  <!-- <view class="h">
    <view class="item {{ status == 0 ? 'active' : ''}}" bindtap="switchTab" data-index="0">
      <view class="txt">未使用</view>
    </view>
    <view class="item {{ status == 1 ? 'active' : ''}}" bindtap="switchTab" data-index="1">
      <view class="txt">已使用</view>
    </view>
    <view class="item {{ status == 2 ? 'active' : ''}}" bindtap="switchTab" data-index="2">
      <view class="txt">已过期</view>
    </view>
  </view> -->


  <van-tabs active="{{status}}" color="#09afff" bind:change="onTabChange">
    <van-tab title="未使用" name="0"></van-tab>
    <van-tab title="已使用" name="1"></van-tab>
    <van-tab title="已过期" name="2"></van-tab>
  </van-tabs>

  <view class="b">
    <view class="coupon-form" wx:if="{{status == 0}}">
      <view class="input-box">
        <input class="coupon-sn" placeholder="请输入优惠码" value="{{code}}" bindinput="bindExchange" />
        <van-icon name="close" class="clear-icon" wx:if="{{ code.length > 0 }}" catchtap="clearExchange" />
      </view>
      <view class="add-btn" bindtap='goExchange'>兑换</view>
    </view>

    <!-- <view class="help" wx:if="{{status == 0}}">
      <van-icon name="question-o" />
      使用说明
    </view>  -->
    <view wx:if="{{status == 0}}" class="coupon-switch-block">
      <view wx:for="{{typeList}}" wx:for-index="index" wx:for-item="item" wx:key="index" data-type="{{item.type}}"
        class="type-switch {{item.type===currentType?'active-switch':''}}" bindtap="switchType">
        {{item.name}}
      </view>
    </view>

    <scroll-view scroll-y="true" scroll-top="{{scrollTop}}" class="my-coupon-list">
      <!-- 未使用 -->
      <view wx:for="{{couponList}}" wx:for-index="index" wx:for-item="item" wx:key="id" class="my-coupon-item-valid"
        wx:if="{{status == 0}}">
        <view wx:if="{{item.type==4}}" class="marker">会员专享</view>
        <view class="coupon-top">
          <view class="coupon-top-left">
            <view class="coupon-value">
              <text wx:if="{{item.voucherType==1}}"  class="{{item.type==4?'coupon-flag-member':'coupon-flag'}}">¥</text>
              <text class="{{item.type==4?'coupon-value-member':'coupon-value-num'}}" wx:if="{{item.voucherType==1}}">{{item.discount}}</text>
              <text class="{{item.type==4?'coupon-value-member':'coupon-value-num'}}" wx:if="{{item.voucherType==2}}">{{item.discount/10}}</text>
              <text wx:if="{{item.voucherType==2}}" class="{{item.type==4?'coupon-unit-member':'coupon-unit'}}">折</text>
            </view>
            <view class="coupon-type">
              <text wx:if="{{item.voucherType==1}}" style="color:#555555">满{{item.min}}可用</text>
              <text wx:if="{{item.voucherType==2}}" style="color:#555555">满{{item.min}}可用</text> 
            </view>
          </view>
          <view class="coupon-top-content">
            <view class="coupon-valid-name">{{item.name}}</view>
            <view>有效期至：{{item.endTime}}</view>
          </view>

        </view>

        <view class="coupon-bottom">
          <text  wx:if="{{item.desc&&item.name!=item.desc}}">{{item.desc}}</text>
         <text wx:else=""></text>
          <view class="{{item.type==4?'coupon-top-member':'coupon-top-right'}}" data-id="{{item.couponId}}" data-goodsvalue="{{item.goodsValue}}" bindtap="goService">
            立即使用
          </view>
        </view>

      </view>
      <!-- 已使用 已过期 -->
      <view wx:for="{{couponList}}" wx:for-index="index" wx:for-item="item" wx:key="id" class="my-coupon-item"
        wx:if="{{status != 0}}">
        <view class="coupon-left">
          <view wx:if="{{item.voucherType==1}}">¥<text class="coupon-amount">{{item.discount}}</text></view>
          <view wx:if="{{item.voucherType==2}}"><text class="coupon-amount">{{item.discount/10}}</text>折</view>
          <view class="coupon-type">
            <!-- {{item.name}} -->
            <span wx:if="{{item.voucherType==1}}">立减券</span>
            <span wx:if="{{item.voucherType==2}}">折扣券</span>
          </view>
          <view wx:if="{{status==0}}" class="coupon-btn {{item.status===0?'active-btn':''}}" data-id="{{item.couponId}}"
            data-goodsvalue="{{item.goodsValue}}" bindtap="goService">立即使用</view>
        </view>
        <view class="coupon-content">
          <view class="coupon-name">{{item.name}}</view>
          <view class="coupon-date">有效期开始:{{item.startTime}}</view>
          <view class="coupon-date">有效期结束:{{item.endTime}}</view>
        </view>
        <view class="coupon-right">
          <image class="coupon-status" mode="aspectFit" wx:if="{{item.status==1}}" src="/static/images/coupon-used.png">
          </image>
          <image class="coupon-status" mode="aspectFit" wx:if="{{item.status==2}}"
            src="/static/images/coupon-invalid.png"></image>

        </view>

      </view>

      <view class="page" wx:if="{{showPage}}">
        <view class="prev {{ page <= 1 ? 'disabled' : ''}}" bindtap="prevPage">上一页</view>
        <view class="next {{ (count / size) < page ? 'disabled' : ''}}" bindtap="nextPage">下一页</view>
      </view>
    </scroll-view>


    <!-- <scroll-view class="coupon-list" scroll-y="true" scroll-top="{{scrollTop}}">
         
      <view class="item {{ status == 0 ? 'active' : ''}}" wx:for="{{couponList}}" wx:for-index="index" wx:for-item="item" wx:key="id">
        <view class="tag">{{item.tag}}</view>
        <view class="content">
          <view class="left">
            <view class="discount">{{item.discount}}元</view>
            <view class="min"> 满{{item.min}}元使用</view>
          </view>
          <view class="right">
            <view class="name">{{item.name}}</view>
            <view class="time"> 有效期：{{item.startTime}} - {{item.endTime}}</view>
          </view>
        </view>
        <view class="condition">
          <text class="txt">{{item.desc}}</text>
          <image src="{{item.pic}}" class="icon"></image>
        </view>
      </view>

      <view class="page" wx:if="{{showPage}}">
        <view class="prev {{ page <= 1 ? 'disabled' : ''}}" bindtap="prevPage">上一页</view>
        <view class="next {{ (count / size) < page ? 'disabled' : ''}}" bindtap="nextPage">下一页</view>
      </view>
    </scroll-view> -->


    <view class="no-list" wx:if="{{couponList==0}}">没有更多了</view>
  </view>
</view>