share_activity/pages/welfareMall/coupon/coupon.wxml

<!--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>
      </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>
      </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>
      </view>
    </view>
      <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 class="no_result" wx:if="{{noResult}}">———— 抱歉，暂无数据 ————</view>
      <view class="no_result" wx:if="{{noMore}}">—— 人家也是有底线的 ——</view>
    </page-wrap>