index.hbs 5.48 KB
<div class="login-page passport-page yoho-page clearfix">
    {{# passport}}
        {{> login/cover}}
        <form method='post' onsubmit='return false;'>
            <div class="content">
                <ul class="login-ul">
                    <li class="relative clearfix">
                        <h2 class="title">会员登录</h2>
                    <span id="country-code" class="country-code right">
                        <em>{{countryName}} {{countryCode}}</em>
                        <i class="iconfont">&#xe60b;</i>
                        <ul id="country-list" class="country-list">
                            {{#each countryList}}
                                <li data-cc="{{areaCode}}"
                                    {{# selected}}selected{{/selected}}>{{name}} {{areaCode}}</li>
                            {{/each}}
                        </ul>
                    </span>
                    </li>


                    <li class="relative">
                        <div class="switch">
                            <div class="left selected" data-type="PasswordLogin">普通登录</div>
                            <div class="right" data-type="SMSLogin">手机验证码登录</div>
                        </div>
                    </li>

                    <li class="relative password-login">
                        <input id="account1" class="account input va" name="account" value="{{bindMobile}}" type="text"
                               placeholder="邮箱/手机号码" autocomplete="off">
                    <span class="err-tip hide">
                        <i></i>
                        <em></em>
                    </span>
                    </li>
                    <li class="relative password-login">
                        <input id="password" class="password input va" name="password" type="password" placeholder="密码"
                               autocomplete="off" maxlength="20">
                        <span id="caps-lock" class="caps-lock hide">大写状态开启</span>
                    <span class="err-tip hide">
                        <i></i>
                        <em>请输入密码</em>
                    </span>
                    </li>


                    <li class="relative clearfix sms-login hide">
                        <input id="account2" class="account input va" name="account2" value="{{bindMobile}}" type="text"
                               placeholder="手机号码" autocomplete="off">
                    <span class="err-tip hide">
                        <i></i>
                        <em></em>
                    </span>
                    </li>

                    <li class="relative clearfix sms-login hide">
                        <input id="captcha-sms" class="input va captcha-sms-input" type="text" name="captcha"
                               placeholder="短信验证码"
                               autocomplete="off" maxlength="4">
                        <div class="change-captcha-sms btn">获取短信验证码</div>
                    <span class="err-tip hide">
                        <i></i>
                        <em></em>
                    </span>
                    </li>

                    <li class="clearfix captcha-wrap hide">
                        <input id="captcha" class="input va captcha" type="text" name="captcha" placeholder="图形验证码"
                               autocomplete="off" maxlength="4">
                        <img id="captcha-img" class="captcha-img" alt="">
                        <a class="link change-captcha">换一张</a>
                    <span class="err-tip hide">
                        <i></i>
                        <em></em>
                    </span>
                    </li>

                    <li>
                        <span id="login-btn" class="login-btn btn">登录</span>
                    </li>
                    <li class="other-opts">
                    <span class="remember-me">
                        <i class="iconfont">&#xe613;</i>
                        记住登录状态
                    </span>
                    <span class="right">
                        <a class="forget-password" href="{{forgetPwd}}">忘记密码?</a>
                        |
                        <a class="fast-reg" href="{{fastReg}}">快速注册</a>
                    </span>
                    </li>
                    <li class="third-party-login">
                        <a href="{{weixinLogin}}">
                            <span class="icon weixin"></span>
                        </a>
                        <a href="{{qqLogin}}">
                            <span class="icon qq"></span>
                        </a>
                        <a href="{{weiboLogin}}">
                            <span class="icon weibo"></span>
                        </a>
                        <a href="{{alipayLogin}}">
                            <span class="icon alipay"></span>
                        </a>
                        <a href="{{doubanLogin}}">
                            <span class="icon douban"></span>
                        </a>
                        <a href="{{renrenLogin}}">
                            <span class="icon renren"></span>
                        </a>
                    </li>
                </ul>
                <input id="country-code-hide" name="countryCode" type="hidden" value="{{countryCode}}">
                <input id="captcha-sms-token-hide" name="token" type="hidden">
            </div>
        </form>
    {{/ passport}}
</div>