open-index.hbs 4.89 KB
<div class="installment-page installment-bg yoho-page">
    <div class="loading-tip">下拉刷新</div>
    <div class="installment-main">
        <div class="main-content">
            {{#if notOpen}}
                <input type="hidden" value="false" class="is-open">
                {{# content}}
                    {{#if singleImage}}
                        {{> resources/banner}}
                    {{/if}}
                {{/ content}}
                {{#notice}}
                    {{> installment/installment-notice}}
                {{/notice}}
                <div class="open-index">
                    <ul class="open-info">
                        <li>
                            <span class="open-icon-1"></span>
                            <span>先消费<br>后还款</span>
                        </li>
                        <li>
                            <span class="open-icon-2"></span>
                            <span>30天免息<br>灵活分期</span>
                        </li>
                        <li>
                            <span class="open-icon-3"></span>
                            <span>指定商品<br>立享优惠</span>
                        </li>
                    </ul>

                    <a href="/home/installment/starting-service" class="open-btn">立即开通</a>
                </div>

                {{# installmentOnly}}
                    {{> installment/installment-only}}
                {{/ installmentOnly}}
            {{else}}
                <input type="hidden" value="true" class="is-open">
                <div class="detail-tab">
                    <span class="on is-repay">待还款金额</span>
                    <span class="is-usable">可用额度</span>
                </div>
                <div class="repay installment-cont">
                    <div class="repay-area detail-bg">
                        <p class="detail-txt1">近7日待还款</p>
                        <p class="detail-txt1">¥<span class="detail-txt2">{{dayAmt}}</span></p>
                        {{#if isOverdue}}
                            <p class="detail-txt3">您有¥{{overAmt}}已逾期,点击<a href="/home/installment/repay/overdue" class="nav-bit" data-id="1">查看详情</a></p>
                        {{/if}}
                        <a href="/home/installment/repay/7daylist" class="see-btn nav-bit" data-id="2">明细</a>
                    </div>
                    {{#notice}}
                        {{> installment/installment-notice}}
                    {{/notice}}
                    <ul class="group-list">
                        <li><a href="/home/installment/repay/month" class="nav-bit" data-id="3">本月待还金额:<div class="list-right"><span class="list-r-txt">¥{{monthAmt}}</span><span class="iconfont"> &#xe604;</span></div></a></li>
                        <li><a href="/home/installment/repay/total" class="nav-bit" data-id="4">待还总金额:<div class="list-right"><span class="list-r-txt">¥{{totalAmt}}</span><span class="iconfont"> &#xe604;</span></div></a></li>
                        <li><a href="/home/installment/repay/record" class="nav-bit" data-id="5">还款记录:<div class="list-right iconfont">&#xe604;</div></a></li>
                        <li><a href="/home/installment/order" class="nav-bit" data-id="6">分期订单:<div class="list-right iconfont">&#xe604;</div></a></li>
                    </ul>

                    <ul class="group-list">
                        <li><a href="/home/installment/account" class="nav-bit" data-id="7">账户管理:<span class="list-right iconfont">&#xe604;</span></a></li>
                    </ul>
                    {{# content}}
                        {{#if singleImage}}
                            {{> installment/installment-banner}}
                        {{/if}}
                    {{/ content}}
                </div>
                <div class="usable installment-cont">
                    <div class="usable-area detail-bg">
                        {{#replayStatus}}<div class="replay-status">{{.}}</div>{{/replayStatus}}
                        <p class="detail-txt1">可用额度</p>
                        <p class="detail-txt1">¥<span class="detail-txt2">{{currCreditLimit}}</span></p>
                        <p class="detail-txt1">总额度:¥{{initCreditLimit}}</p>
                        <a href="/home/installment/agreement" class="terms">服务条款</a>
                    </div>
                    {{# installmentOnly}}
                        {{> installment/installment-only}}

                            {{#if showMore}}
                                <div class="see-btn-area">
                                    <a href="{{title.more_url}}" class="see-more">查看更多可分期商品</a>
                                </div>
                            {{/if}}
                    {{/ installmentOnly}}
                </div>
            {{/if}}
        </div>
    </div>
</div>