Authored by 郭成尧

phone-number-force

... ... @@ -6,7 +6,7 @@
</div>
<div class="back-mobile-form">
<div class="form-group mobile">
<label for="mobile" class="iconfont">&#xe727;</label><button class="country-code">+86<i class="iconfont">&#xe613;</i></button><i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号" class="mobile-input"><i class="iconfont clear">&#xe72a;</i>
<label for="mobile" class="iconfont">&#xe727;</label><button class="country-code">+86<i class="iconfont">&#xe613;</i></button><i class="line">|</i><input type="number" name="mobile" placeholder="请输入手机号" class="mobile-input"><i 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"><button class="get-verify-code">获取验证码</button>
... ...
... ... @@ -12,7 +12,7 @@
{{/ countrys}}
</select>
<i class="iconfont arrow-icon">&#xe613;</i>
<i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号" class="mobile-input"><i id="clearMobile"
<i class="line">|</i><input type="number" name="mobile" placeholder="请输入手机号" class="mobile-input"><i id="clearMobile"
class="iconfont clear hide">&#xe72a;</i>
</div>
<div class="form-group password">
... ...
... ... @@ -11,7 +11,7 @@
</div>
<div class="login-form">
<div class="form-group username">
<label for="username" class="iconfont">&#xe727;</label><input type="text" name="username" placeholder="请输入手机号/邮箱">
<label for="username" class="iconfont">&#xe727;</label><input type="number" name="username" placeholder="请输入手机号">
<i id="clearUsrname" class="iconfont clear hide">&#xe72a;</i>
</div>
<div class="form-group password">
... ... @@ -21,8 +21,8 @@
<div data-userverify="{{captchaShow}}" data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify" {{/unless}}></div>
<button id="loginBtn" class="login-btn disable">登录</button>
<div class="other-info">
<a href="{{internationalUrl}}">海外账号</a>
<a href="{{smsLoginUrl}}">手机验证码</a>
<a href="{{internationalUrl}}">海外账号登录</a>
<a href="{{smsLoginUrl}}">手机验证码登录</a>
<a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a>
</div>
</div>
... ...
... ... @@ -12,7 +12,7 @@
{{/ 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"
<i class="line">|</i><input type="number" name="mobile" placeholder="请输入手机号" class="mobile-input" autocomplete="off"><i id="clearMobile"
class="iconfont clear hide">&#xe72a;</i>
</div>
<div class="form-group verify-code">
... ...
... ... @@ -18,7 +18,7 @@
{{/ countrys}}
</select>
<i class="iconfont arrow-icon">&#xe613;</i>
<i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号/邮箱" class="mobile-input"><i id="clearMobile"
<i class="line">|</i><input type="number" name="mobile" placeholder="请输入手机号" class="mobile-input"><i id="clearMobile"
class="iconfont clear hide">&#xe72a;</i>
</div>
<div class="form-group verify-code">
... ... @@ -28,7 +28,7 @@
<div data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify" {{/unless}}></div>
<button id="smsLoginBtn" class="sms-login-btn">登录</button>
<div class="other-info">
<a href="{{internationalUrl}}">海外账号</a>
<a href="{{internationalUrl}}">海外账号登录</a>
<a href="{{loginUrl}}">账号密码登录</a>
<a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a>
</div>
... ...
... ... @@ -111,7 +111,6 @@ $disable-gray: #b0b0b0;
> .form-group {
border-bottom: 1px solid #e0e0e0;
height: 50px;
margin-bottom: 56px;
> label {
font-size: 26px;
... ... @@ -143,6 +142,8 @@ $disable-gray: #b0b0b0;
}
&.mobile {
margin-bottom: 62px;
> label {
margin-right: 30px;
}
... ...