open-index.hbs 2.93 KB
<div class="installment-page installment-bg">
    {{#if notOpen}}
        {{# bannerTop}}
            {{> resources/banner-top}}
        {{/ bannerTop}}
        <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}}
        <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">{{round dayAmt}}</span></p>
                {{#if isOverdue}}
                <p class="detail-txt3">您有¥{{round dayAmt}}已逾期,点击<a href="/home/installment/overdue">查看详情</a></p>
                {{/if}}
                <a href="/home/installment/7daylist" class="see-btn">明细</a>
            </div>
            <ul class="group-list">
                <li><a href="">本月待还金额:<div class="iconfont"><span class="list-r-txt">¥{{monthAmt}}</span> &#xe604;</div></a></li>
                <li><a href="">待还总金额:<div class="iconfont"><span class="list-r-txt">¥{{totalAmt}}</span> &#xe604;</div></a></li>
                <li><a href="">还款记录:<div class="iconfont">&#xe604;</div></a></li>
                <li><a href="">分期订单:<div class="iconfont">&#xe604;</div></a></li>
            </ul>

            <ul class="group-list">
                <li><a href="">账户管理:<span class="iconfont">&#xe604;</span></a></li>
            </ul>
        </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">{{round currCreditLimit}}</span></p>
                <p class="detail-txt1">总额度:¥{{round initCreditLimit}}</p>
                <a href="" class="terms">服务条款</a>
            </div>
            {{# installmentOnly}}
                {{> installment/installment-only}}
            {{/ installmentOnly}}
        </div>
    {{/if}}
</div>