login-new.hbs 2.42 KB
<div class="login-new-page">
    <div class="banner-box">
        <img src="{{banner}}">
        <div class="banner-info">
            <div class="top-operation-bar">
                <button class="close iconfont" onclick="location.href='{{backUrl}}'">&#xe72d;</button>
                <a href="{{registerUrl}}" class="register">注册</a>
            </div>
            <div class="yoho-family-logo"></div>
            <div class="tip">Yoho!Family账号可登录Yoho!Buy有货 <i class="iconfont">&#xe639;</i></div>
        </div>
    </div>
    <div class="login-form">
        <div class="form-group username">
            <label for="username" class="iconfont">&#xe727;</label><input type="text" name="username" placeholder="请输入手机号/邮箱">
            <i id="clearUsrname" class="iconfont clear">&#xe72a;</i>
        </div>
        <div class="form-group password">
            <label for="password" class="iconfont">&#xe723;</label><input type="password" name="password" placeholder="请输入密码">
            <span id="passwordEyeIcon" class="eye"><i class="iconfont eye-close">&#xe716;</i><i class="iconfont eye-open hide">&#xe714;</i></span>
        </div>
        <div data-userverify="{{captchaShow}}" data-geetest="{{useGeetest}}" id="js-img-check"></div>
        <button id="loginBtn" class="login-btn">登录</button>
        <div class="other-info">
            <a href="{{internationalUrl}}">海外账号</a>
            <a href="{{smsLoginUrl}}">手机验证码</a>
            <a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a>
        </div>
    </div>
    <div class="third-party-login">
        <div class="tip-box">
            <span class="left-line"></span>
            <span class="tip">使用第三方登录</span>
            <span class="right-line"></span>
        </div>
        <div class="third-logo-box">
            <a href="{{wechatLoginUrl}}" class="iconfont">&#xe728;</a>
            <a href="{{aliLoginUrl}}" class="iconfont">&#xe72c;</a>
            <a href="{{weiboLoginUrl}}" class="iconfont">&#xe729;</a>
            <a href="{{qqLoginUrl}}" class="iconfont">&#xe726;</a>
        </div>
    </div>
    <div class="get-password-box hide">
        <div class="bottom-button-box">
            <a class="by-email" onclick="location.href='{{emailRetriveUrl}}'">邮箱找回</a>
            <a class="by-mobile" onclick="location.href='{{phoneRetriveUrl}}'">手机找回</a>
        </div>
    </div>
</div>