index.hbs 3.49 KB
{{> sign-header}}
<div class="login-page passport-page">
    {{# passport}}
        <ul>
            <li class="clearfix">
                <div class="title">登录 SIGN IN</div>
            </li>
            <li class="clearfix">
                <select id="country-list" class="country-list">
                    {{#each countryList}}
                        <option {{#if selected}}selected="selected"{{/if}} value="{{areaCode}}">{{name}}</option>
                    {{/each}}
                </select>

                <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">
                </div>
            </li>

            <li class="clearfix">
                <input id="password" class="input password va needTip" name="password" type="password"
                       placeholder="Password"
                       autocomplete="off" maxlength="20">
            </li>

            <li class="clearfix captcha-wrap hide">

                <input id="captcha" class="input va captcha needTip" type="text" name="captcha" placeholder="图形验证码"
                       autocomplete="off" maxlength="4">

                <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">
                <span class="left login-fail-tip hide">
                    <span class="'iconfont">&#xe608;</span>
                    <em></em>
                </span>

                <a id="login-btn" class="btn login-btn">登录</a>
            </li>

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

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

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

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

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

                    <span>
                    <a class="blue" href="{{fastReg}}">快速注册</a>
                    </span>
            </li>

            <div class="tips hide">
                <div class="triangle"></div>
                <div class="rectangle"></div>
            </div>

        </ul>
        <input id="country-code-hide" name="countryCode" type="hidden" value="{{countryCode}}">
    {{/ passport}}
</div>