index.hbs 4.34 KB
{{> sign-header}}
<div class="login-page passport-page">
    {{# passport}}
    <form method='post' onsubmit='return false;'>
        <ul>
            <li class="clearfix">
                <div class="title">登录 SIGN IN</div>
            </li>
            <li class="clearfix">
                <div class="switch">
                    <div class="left selected" data-type="PasswordLogin">普通登录</div>
                    <div class="right" data-type="SMSLogin">手机验证码登录</div>
                </div>
            </li>
            <li class="clearfix">
                {{> select-header}}

                {{> select-list}}

                <div id="phone" class="left phone needTip">
                    <span id="country-code" class="country-code">{{countryCode}}</span>
                    <input id="account" class="account input phone-num va" name="account" value="{{bindMobile}}"
                           type="text"
                           placeholder="Phone Number" autocomplete="off">

                    {{> err-tip}}

                </div>
            </li>

            <li class="clearfix pwd-wrap">
                <div class="pwd-wrapper">
                    <input id="password" class="input password va needTip" name="password" type="password"
                           placeholder="Password"
                           autocomplete="off" maxlength="20">

                    {{> err-tip}}
                </div>

            </li>

            <li class="clearfix captcha-wrap hide">
                <div class="img-captcha-wrapper">
                    <input id="captcha" class="input va captcha needTip" type="text" name="captcha" placeholder="图形验证码"
                           autocomplete="off" maxlength="4">

                    {{> err-tip}}
                </div>

                <div class="left captcha-component">
                    <img id="captcha-img" class="left captcha-img" alt="">
                    <a class="left link change-captcha"><span class="iconfont gray">&#xe613;</span></a>
                </div>
            </li>

            <li class="clearfix sms-code-wrap hide">
                <div class="img-captcha-wrapper">
                    <input id="captcha" class="input va captcha needTip" type="text" name="smsCode" placeholder="短信验证码"
                           autocomplete="off" maxlength="4">

                    {{> err-tip}}
                </div>

                <div class="left sms-btn-wrap">
                    <input type="submit"  id="sms-btn" class="btn sms-btn"  value='获取短信验证码'/>
                </div>
            </li>

            <li class="clearfix">
                <span class="left login-fail-tip hide">
                    <span class="iconfont">&#xe61d;</span>
                    <em></em>
                </span>
                <input type="submit"  id="login-btn" class="btn login-btn"  value='登录'/>
            </li>

            <li class="clearfix">
                    <span class="remember-me">
                        <span class="iconfont checkbox small">&#xe601;</span>
                        下次自动登录
                    </span>

                    <span class="right">
                        <a class="blue forget-password" href="{{https forgetPwd}}">忘记密码</a>
                    </span>
            </li>

            <li class="clearfix third-party-login">

                <a href="{{https weixinLogin}}">
                    <span class="iconfont weixin">&#xe642;</span>
                </a>
                <a href="{{https qqLogin}}">
                    <span class="iconfont qq">&#xe641;</span>
                </a>
                <a href="{{https weiboLogin}}">
                    <span class="iconfont weibo">&#xe640;</span>
                </a>
                <a href="{{https alipayLogin}}">
                    <span class="iconfont alipay">&#xe63f;</span>
                </a>
            </li>

            <li class="clearfix other-opts">
                    <span>
                        还没有加入YOHO!FAMILY?
                    </span>

                    <span>
                    <a class="blue" href="{{https fastReg}}">快速注册</a>
                    </span>
            </li>
        </ul>
        <input id="country-code-hide" name="countryCode" type="hidden" value="{{countryCode}}">
    </form>
    {{/ passport}}
</div>