page.hbs 2.44 KB
<div class="coupon-new-page">
    <div class="filter-box">
        <span class="filter-btn-box">
            <span class="filter-btn no-used active">未使用({{couponNum.notuse}}+)</span>
            <span class="iconfont icon-down show-filter-btn"></span>
        </span>
        <span class="filter-btn-box">
            <span class="filter-btn used">已使用({{couponNum.use}}</span>
        </span>
        <span class="filter-btn-box">
            <span class="filter-btn invalid">已失效({{couponNum.overtime}}</span>
        </span>
    </div>
    <div class="filter-item hide">
        {{#pageData.filters}}
            <button data-id="{{filter_id}}">{{filter_name}}</button>
        {{/ pageData.filters}}
    </div>
    <div class="exchange-box">
        <input type="text" placeholder="请输入优惠券码">
        <button>兑换</button>
    </div>
    <div class="coupon-list" id="couponList">
        {{#pageData.couponList}}
        <section class="coupon-section" data-code="{{coupon_code}}" data-id="{{coupon_id}}">
            <div class="coupon">
                <div class="coupon-left">
                    <p class="value">¥<span>{{coupon_value}}</span></p>
                    <p class="threshold">满499可用</p>
                </div>
                <div class="coupon-right">
                    <p class="title"><span class="{{#isEqualOr coupon_type '1'}} type-activity{{/isEqualOr}}
                    {{#isEqualOr coupon_type '5'}} type-freight{{/isEqualOr}}
                    {{#isEqualOr coupon_type '6'}} type-shop{{/isEqualOr}}">[{{catalog_name}}]</span> {{coupon_name}}</p>
                    <p class="time">2018.1.12-2018.5.20</p>
                    {{#if notes}}
                    <p>
                        <span class="show-intro-btn">使用说明</span>
                        <span class="iconfont icon-down show-intro-btn show-intro-arrow"></span>
                    </p>
                    {{/if}}
                    <span class="tip"></span>
                </div>
                <button class="use-now">立即使用</button>
                <span class="top-tip"></span>
            </div>
            <ul class="coupon-intro hide">
                {{#notes}}
                <li>{{.}}</li>
                {{/ notes}}
            </ul>
        </section>
        {{/ pageData.couponList}}
    </div>
    <div class="no-conpon-now hide">
        <div class="icon-not"></div>
        <p>暂无优惠券</p>
    </div>
</div>