<div class="reg-new-page">
    <div class="top-operation-bar">
        <button class="back iconfont" onclick="javascript:history.go(-1);">&#xe72e;</button>
        <span class="page-title">注册</span>
    </div>
    <div class="reg-form">
        <div class="form-group mobile">
            <label for="mobile" class="iconfont">&#xe727;</label>
            <select name="" id="countryCodeSelector" class="country-select">
                {{# countrys}}
                    <option value={{areaCode}} {{#if selected}}selected{{/if}}>{{name}}</option>
                {{/ countrys}}
            </select>
            <i class="iconfont arrow-icon">&#xe613;</i>
            <i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号" class="mobile-input" autocomplete="off"><i id="clearMobile"
                class="iconfont clear">&#xe72a;</i>
        </div>
        <div class="form-group verify-code">
            <label for="verifyCode" class="iconfont">&#xe71c;</label><input type="text" name="verifyCode" placeholder="请输入验证码"
                class="verify-code-input" autocomplete="off"><button id="getVerifyCodeBtn" class="get-verify-code">获取验证码</button>
        </div>
        <div class="form-group password">
            <label for="password" class="iconfont">&#xe723;</label><input type="password" name="password" placeholder="请输入密码" autocomplete="off">
            <span
                id="passwordEyeIcon" class="eye"><i class="iconfont eye-close">&#xe716;</i><i class="iconfont eye-open hide">&#xe714;</i></span>
        </div>
        <div class="form-group invite-code">
            <label for="inviteCode" class="iconfont">&#xe71e;</label><input type="text" name="inviteCode" placeholder="好友潮流口令（非必填）" autocomplete="off">
        </div>
        <input name="token" type="hidden" value="{{token}}">
        <div data-geetest="{{useGeetest}}" id="js-img-check"{{#unless useGeetest}} class="full-img-verify"{{/unless}}></div>
        <button id="regBtn" class="reg-btn">注册</button>
    </div>
</div>