index.hbs 8.9 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">

                    <div class="switch-login-type" data-type="DesktopLogin">
                        <div id="device-bg" class="type-mobile-bg"></div>
                        <div class="type-tip tip-title">
                            <div id="device-tip" style="margin-left: 15px;margin-top: 8px">扫码登录更安全</div>
                        </div>
                    </div>

                    <div class="desktop-login">
                        <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="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 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="clearfix sms-captcha-img-wrap sms-login hide">
                            <input id="sms-captcha-input" class="input va captcha" type="text" name="captcha"
                                   placeholder="图形验证码"
                                   autocomplete="off" maxlength="4">
                            <img id="sms-captcha-img" class="captcha-img" alt="">
                            <a class="link change-captcha">换一张</a>
                            <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="desktop-login">
                            <span id="login-btn" class="login-btn btn">登录</span>
                        </li>

                        <li class="other-opts">
                            <span class="remember-me checked">
                                <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>

                    </div>

                    <div class="mobile-login hide">

                        <li class="relative clearfix center qrcode-login-title">
                            <div>
                                手机扫码,安全登录
                            </div>
                        </li>


                        <li class="relative clearfix center">
                            <div id="qrcode-placeholder" style="width: 270px;height: 140px;"></div>
                            <div id="qrcode-container" class="qrcode"></div>
                            <div id="qrcode-helper" class="qrcode-helper hide"></div>
                            <div id="qrcode-hover" class="qrcode-hover"></div>
                            <div id="qrcode-overlay"></div>
                        </li>

                        <li class="relative clearfix">
                            <div>
                                <i class="scan"></i>
                                <p class="scan-font">打开手机Yoho!Buy有货</p>
                                <p class="scan-font">扫一扫登录</p>
                            </div>
                        </li>

                        <li class="relative clearfix center">
                            <div>
                                <a class="download-link"
                                   href="http://www.yohobuy.com/download/app">下载Yoho!Buy有货手机APP</a>
                            </div>
                        </li>
                    </div>
                </ul>

                <input id="country-code-hide" name="countryCode" type="hidden" value="{{countryCode}}">
                <input id="captcha-sms-token-hide" name="token" type="hidden">
                <input id="qrcode" name="qrcode" type="hidden" value="//m.yohobuy.com/signin.html">
                <input id="uid" type="hidden">

            </div>
        </form>
    {{/ passport}}
</div>