coupon.hbs 2.01 KB
<section class="coupon-section" data-code="{{coupon_code}}" data-id="{{coupon_id}}">
    <div class="coupon{{#isEqualOr is_overtime 'Y'}} coupon-overtime{{/isEqualOr}}{{#if is_used}} coupon-used{{/if}}{{#isEqualOr is_invalid 'Y'}} coupon-invalid{{/isEqualOr}}">
        <div class="coupon-left{{#unless usedOvertimeOrInValid}}{{#isEqualOr catalog 200}} coupon-left-activity{{/isEqualOr}}{{#isEqualOr catalog 300}} coupon-left-freight{{/isEqualOr}}{{#isEqualOr catalog 100}} coupon-left-shop{{/isEqualOr}}{{/unless}}">
            <p class="value"><span>{{coupon_value_str}}</span></p>
            {{#if use_rule}}
            <p class="threshold">{{use_rule}}</p>
            {{/if}}
        </div>
        <div class="coupon-right">
            <p class="title">
                <span class="{{#isEqualOr catalog 200}}type-activity{{/isEqualOr}}{{#isEqualOr catalog 300}}type-freight{{/isEqualOr}}{{#isEqualOr catalog 100}}type-shop{{/isEqualOr}}">[{{catalog_name}}]</span> {{coupon_name}}</p>
            <p class="time">{{coupon_validity}}</p>
            {{#if notes}}
            <p class="use-intro">
                <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>
        {{#if usedOvertimeOrInValid}}
            {{#isEqualOr is_overtime 'Y'}}
            <div class="stamp overtime-stamp"></div>
            {{/isEqualOr}}
            {{#isEqualOr is_invalid 'Y'}}
            <div class="stamp invalid-stamp"></div>
            {{/isEqualOr}}
            {{#if is_used}}
                <div class="stamp used-stamp"></div>
            {{/if}}
        {{^}}
        <a href="{{useNowLink}}" class="use-now">立即使用</a>
        {{#isEqualOr is_overdue_soon 'Y'}}
        <span class="top-tip"></span>
        {{/isEqualOr}}
        {{/if}}
    </div>
    <ul class="coupon-intro hide">
        {{#notes}}
        <li>{{.}}</li>
        {{/ notes}}
    </ul>
</section>