<!--pages/welfareMall/coupon/coupon.wxml-->
    <!-- 内容 -->
    <page-wrap id="Page">

    <view class="flex-row top_banner">
      <view class="top_banner_item flex-column" bindtap="showCoupon" data-type="0">
        <view class="t_b_i_title">待使用</view>
        <!-- <view class="t_b_i_border {{type==0?'active':''}}"></view> -->
        <block wx:if="{{type==0}}">
          <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
        </block>
        <block wx:else>
          <view class="t_b_i_border"></view>
        </block>
      </view>
      <view class="top_banner_item flex-column" bindtap="showCoupon" data-type="1">
        <view class="t_b_i_title">已使用</view>
        <!-- <view class="t_b_i_border {{type==1?'active':''}}"></view> -->
        <block wx:if="{{type==1}}">
          <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
        </block>
        <block wx:else>
          <view class="t_b_i_border"></view>
        </block>
      </view>
      <view class="top_banner_item flex-column" bindtap="showCoupon" data-type="2">
        <view class="t_b_i_title">已过期</view>
        <!-- <view class="t_b_i_border {{type==2?'active':''}}"></view> -->
        <block wx:if="{{type==2}}">
          <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
        </block>
        <block wx:else>
          <view class="t_b_i_border"></view>
        </block>
      </view>
    </view>
    <view style="padding-top: 130rpx;">
      <view class="coupon-wrap-list">
        <coupon-wrap wx:if="{{couponList.length>0}}" 
        coupon-list="{{couponList}}" 
        class="coupon_wrap"
        coupon-item-ex-class="coupon-item-style"
        coupon-circule-ex-class="coupon-circule-style"
        />
      </view>
    </view>
      <view class="no_result" wx:if="{{noResult}}">———— 抱歉，暂无数据 ————</view>
      <view class="no_result" wx:if="{{noMore}}">—— 人家也是有底线的 ——</view>
    </page-wrap>
