<div class="yoho-page select-giftcard-page">
    {{# usable_giftCards}}
    <div class="giftcard" data-code={{code}}>
        <div class="card-title clearfix">
            <div class="balance pull-left">
                <label>余额</label>
                <i> ￥</i><span>{{balance}}</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">¥{{value}}</div>
                </div>
                <div class="content-li clearfix">
                    <div class="left-label pull-left">卡号</div>
                    <div class="pull-left">12345678909765</div>
                </div>
                <div class="content-li clearfix">
                    <div class="left-label pull-left">有效期</div>
                    <div class="pull-left">{{validity}} <span class="tip">(即将过期)</span></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>