open-index.hbs 2.87 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>

            <div class="open-btn">立即开通</div>
        </div>

        {{# installmentOnly}}
            {{> installment/installment-only}}
        {{/ installmentOnly}}
    {{else}}
        <div class="detail-tab">
            <a href="/home/installment/index?query=repay"><span class="{{#if isRepay}}on{{/if}}">待还款金额</span></a>
            <a href="/home/installment/index?query=usable"><span class="{{#if isUnable}}on{{/if}}">可用额度</span></a>
        </div>
        {{#if isRepay}}            
            <div class="repay-area detail-bg">
                <p class="detail-txt1">近7日代还款</p>
                <p class="detail-txt1">¥<span class="detail-txt2">{{round dayAmt}}</span></p>
                <p class="detail-txt3">您有¥{{round dayAmt}}已逾期3天,点击<a href="">查看详情</a></p>
                <a href="" 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>
        {{/if}}

        {{#if isUnable}}
            <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 currCredit}}</span></p>
                <p class="detail-txt1">总额度:¥{{round initCredit}}</p>
                <a href="" class="terms">服务条款</a>
            </div>
            {{# installmentOnly}}
                {{> installment/installment-only}}
            {{/ installmentOnly}}
        {{/if}}
    {{/if}}
</div>