<div class="coupon-new-page">
    {{#couponNumStr}}
    <div class="filter-box">
        <span class="filter-btn-box">
            <span class="filter-btn no-used active">未使用({{notuse}})</span>
            <span class="iconfont icon-down show-filter-btn active"></span>
        </span>
        <span class="filter-btn-box">
            <span class="filter-btn used">已使用（{{use}}）</span>
        </span>
        <span class="filter-btn-box">
            <span class="filter-btn invalid">已失效（{{overtime}}）</span>
        </span>
    </div>
    {{/ couponNumStr}}
    {{#pageData}}
    <div class="filter-item hide">
        {{#filters}}
            <button data-id="{{filter_id}}">{{filter_name}}</button>
        {{/ filters}}
    </div>
    <div class="exchange-box">
        <input type="text" name="couponCodeInput" placeholder="请输入优惠券码">
        <button id="exchangeCouponBtn" class="exchange-coupon-btn">兑换</button>
    </div>
    <div class="coupon-list" id="couponList">
        {{#couponList}}
        {{> coupons/coupon}}
        {{/ couponList}}
    </div>
    <div class="used-tip hide">
        <hr>
        <span class="used">以上是近期已使用的优惠券</span>
        <span class="invalid">以上是近期已失效的优惠券</span>
        <hr>
    </div>
    <div class="no-conpon-now{{#if couponList}} hide{{/if}}">
        <div class="icon-not"></div>
        <p>暂无优惠券</p>
    </div>
    {{/ pageData}}
</div>