starting-service.hbs 3.45 KB
<div class="installment-starting-service-page yoho-page">
    {{> resources/banner-top}}
    <div class="exclamation">
        基本信息的有效性决定您能否激活有货分期,以及最终可获得的额度!
    </div>

    <form id="apply-form" method="post" class="apply-form">
        <div class="field">
            <label for="userName">姓名:</label>

            <input id="userName" name="userName" type="text" placeholder="真实姓名" maxlength="20"/>
            <div class="clearfix"></div>
        </div>

        <div class="field">
            <label for="identityCardNo">身份证号:</label>

            <input id="identityCardNo" name="identityCardNo" type="text" placeholder="请填写身份证号" maxlength="18"/>
            <div class="clearfix"></div>
        </div>

        <div class="field">
            <label for="name">卡号:</label>

            <input id="cardNo" name="cardNo" type="tel" placeholder="银行卡号" size="26" maxlength="23"/>
            <span class="iconfont notice">&#xe639;</span>
            <div class="clearfix"></div>
        </div>

        <div class="field" id="bank-desc" style="display: none;">
            <div class="bank-info">
                <img id="bank-icon" src="" alt="">
                <span id="bank-name"></span>
            </div>
        </div>

        <div class="field">
            <label for="name">手机号:</label>
            <input id="mobile" name="mobile" type="tel" placeholder="银行预留手机号码" type="number" pattern="\d*" maxlength="11"/>
            <div class="clearfix"></div>
        </div>

        <div class="field">
            <label for="name">验证码:</label>
            <input id="sns-check-code" style="width: 120px;"
                   name="snsCheckCode"
                   type="number"
                   min="1"
                   pattern="\d*"
                   placeholder="请输入验证码" size="6" maxlength="6" />
            <button id="send-sms" class="count-down disabled">获取验证码</button>
            <div class="clearfix"></div>
        </div>

        <div class="agreements">
            <input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn"/>
            <label for="accept-agreements">
                <div class="text-label">免费开通,详情请见
                    <a id="agreements" href="" data-href="/home/installment/agreement">《有货分期-信而富用户服务协议&借款服务协议》</a>
                </div>
            </label>
            <div class="clearfix"></div>
        </div>

        <div class="bottom-block">
            <div class="data-encryption">
                数据智能加密,保障您的用卡安全
            </div>

            <a href="" id="apply-button" class="apply-button">下一步</a>
            <div class="provider-mark">
                Yoho!Buy有货及信而富联合提供
            </div>
        </div>
    </form>
    <div class="installment-overdue-notice">
        <div class="mask-bg"></div>
        <div class="notice-area">
            <div class="notice-cont">
                <h2>支持银行</h2>
                <p>农业银行、中国银行、工商银行、建设银行、</p>
                <p>光大银行、兴业银行、邮储银行、民生银行、</p>
                <p>平安银行、中信银行、广发银行</p>
            </div>
            <div class="think-ok">我知道了</div>
        </div>
    </div>
</div>