select-giftcard.hbs 1.77 KB
<div class="yoho-page select-giftcard-page">
    {{# usable_giftCards}}
    <div class="giftcard{{#if checked}} checked{{/if}}" data-code={{cardCode}}>
        <div class="card-title clearfix">
            <div class="balance pull-left">
                <label>余额</label>
                <i></i><span>{{remainAmount}}</span>
            </div>
            <div class="logo pull-right">
                <i class="iconfont">&#xe60e;</i>
                <i class="iconfont">&#xe60d;</i>
            </div>
        </div>
        <div class="card-body clearfix">
            <div class="content pull-left">
                <div class="content-li clearfix">
                    <div class="left-label pull-left">面值</div>
                    <div class="pull-left">¥{{amount}}</div>
                </div>
                <div class="content-li clearfix">
                    <div class="left-label pull-left">卡号</div>
                    <div class="pull-left">{{cardCode}}</div>
                </div>
                <div class="content-li clearfix">
                    <div class="left-label pull-left">有效期</div>
                    <div class="pull-left">{{dateStr}}{{#if willExpire}} <span class="tip">(即将过期)</span>{{/if}}</div>
                </div>
            </div>
            <div class="checkbox pull-right">
                <i class="iconfont no-checked-icon">&#xe647;</i>
                <i class="iconfont checked-icon">&#xe617;</i>
            </div>
        </div>
    </div>
    {{/usable_giftCards}}

    <div class="use-giftcard-btn-group">
        <button id="useGiftCardBtn" class="pull-left use-giftcard-btn
        {{#if sureActice}} active{{/if}}">使用</button>
        <button id="noGiftCardBtn" class="pull-right not-use">不使用</button>
    </div>
</div>