<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>

  <view class="b">

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

    <view class="help" wx:if="{{status == 0}}">使用说明</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>
</view>