me-gift.hbs 4.39 KB
<div class="me-gift-page me-page yoho-page clearfix">
    {{> path}}
    {{> navigation}}
    <div class="me-main">
        <div class="me-gift block">
            <div  class="title">
              <h2>礼品卡</h2>
            </div>

            <div class="me-content" data-is-bin-mobile={{userInfo.isBinMobile}} data-email={{userInfo.email}}>
                {{> tabs}}
                <div class="me-gift-table">
                    <div class="me-gift-header">
                        <div class="card-number">卡号</div>
                        <div class="card-price">卡片面值(元)</div>
                        <div class="card-balance">卡片余额(元)</div>
                        <div class="activate-time">激活时间</div>
                        <div class="invalid-time">失效时间</div>
                        <div class="cart-operation">操作</div>
                    </div>
                    {{#if giftData.data}}
                        {{#giftData.data}}
                            <div class="me-gift-tr" data-card-code={{cardCode}}>
                                <div>{{cardCode}}</div>
                                <div>{{amount}}</div>
                                <div>{{remainAmount}}</div>
                                <div>{{dateFormat 'YYYY-MM-DD HH:mm' activateTime}}</div>
                                <div>{{dateFormat 'YYYY-MM-DD HH:mm' endTime}}</div>
                                <div class="info-list">消费明细</div>
                            </div>
                        {{/giftData.data}}
                    {{^}}
                        <div class="cart-list-empty"></div>
                    {{/if}}
                </div>
            </div>

            {{#giftData}}
                {{> pager}}
            {{/giftData}}
        </div>
    </div>
</div>

{{!-- 验证邮箱模板 --}}
<script id="verify-email-tpl" type="text/html">
    <div class="title">验证邮箱</div>
    <div class="gift-group">您的账户还未绑定手机,绑定手机前需要验证您的邮箱</div>
    <div class="gift-group">短信验证码已发送至您的邮箱“{{userInfo.email}}</div>
    <div class="gift-group verify-input">
        <input type="text" placeholder="短信验证码" class="left email-code" />
        <span class="left email-btn">获取短信验证码</span>
    </div>
</script>

{{!-- 绑定手机模板 --}}
<script id="verify-mobile-tpl" type="text/html">
    <div class="title">绑定手机号</div>
    <div class="verify-input">
        <div class="gift-group">
            <span class="mobile-area left">
                <em>+86</em>
                <i class="iconfont">&#xe60b;</i>
                <ul class="ul-list mobile-area-list">
                    <li data-cc="+86">中国 +86</li>
                    <li data-cc="+853">中国澳门 +853</li>
                    <li data-cc="+886">中国台湾 +886</li>
                    <li data-cc="+852">中国香港 +852</li>
                    <li data-cc="+1">美国 +1</li>
                    <li data-cc="+61">澳大利亚 +61</li>
                    <li data-cc="+82">韩国 +82</li>
                    <li data-cc="+1">加拿大 +1</li>
                    <li data-cc="+60">马来西亚 +60</li>
                    <li data-cc="+81">日本 +81</li>
                    <li data-cc="+65">新加坡 +65</li>
                    <li data-cc="+44">英国 +44</li>
                </ul>
            </span>
            <input type="text" placeholder="请输入手机号" class="right mobile" />
        </div>
        <div class="gift-group bind-mobile-input">
            <input type="text" placeholder="短信验证码" class="left mobile-code" />
            <span class="right mobile-btn">获取短信验证码</span>
        </div>
    </div>
</script>

{{!-- 激活礼品卡模板 --}}
<script id="activate-gift-tpl" type="text/html">
    <div class="title">激活礼品卡</div>
    <div class="verify-input activate-center">
        <div class="gift-group"><input type="text" placeholder="请输入礼品卡号" class="card-code" /></div>
        <div class="gift-group activate-input-last"><input type="text" placeholder="请输入礼品卡密" class="card-pwd" /></div>
    </div>
</script>

{{!-- 消费明细 --}}
<script id="detail-gift-tpl" type="text/html">
<div class="detail-gift-list">
    <div class="info-title">消费明细</div>
    <div class="verify-input detail-gift-content">
    </div>
</div>
</script>