fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit 1f19baa712304e1fde835d83128c726e2b9594be 1 parent 419942ee

phone-number-force

Inline Side-by-side
Showing 6 changed files with 10 additions and 9 deletions
@@ -6,7 +6,7 @@ @@ -6,7 +6,7 @@
6 </div> 6 </div>
7 <div class="back-mobile-form"> 7 <div class="back-mobile-form">
8 <div class="form-group mobile"> 8 <div class="form-group mobile">
9 - <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> 9 + <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>
10 </div> 10 </div>
11 <div class="form-group verify-code"> 11 <div class="form-group verify-code">
12 <label for="verifyCode" class="iconfont">&#xe71c;</label><input type="text" name="verifyCode" placeholder="请输入验证码" class="verify-code-input"><button class="get-verify-code">获取验证码</button> 12 <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 @@ @@ -12,7 +12,7 @@
12 {{/ countrys}} 12 {{/ countrys}}
13 </select> 13 </select>
14 <i class="iconfont arrow-icon">&#xe613;</i> 14 <i class="iconfont arrow-icon">&#xe613;</i>
15 - <i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号" class="mobile-input"><i id="clearMobile" 15 + <i class="line">|</i><input type="number" name="mobile" placeholder="请输入手机号" class="mobile-input"><i id="clearMobile"
16 class="iconfont clear hide">&#xe72a;</i> 16 class="iconfont clear hide">&#xe72a;</i>
17 </div> 17 </div>
18 <div class="form-group password"> 18 <div class="form-group password">
@@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
11 </div> 11 </div>
12 <div class="login-form"> 12 <div class="login-form">
13 <div class="form-group username"> 13 <div class="form-group username">
14 - <label for="username" class="iconfont">&#xe727;</label><input type="text" name="username" placeholder="请输入手机号/邮箱"> 14 + <label for="username" class="iconfont">&#xe727;</label><input type="number" name="username" placeholder="请输入手机号">
15 <i id="clearUsrname" class="iconfont clear hide">&#xe72a;</i> 15 <i id="clearUsrname" class="iconfont clear hide">&#xe72a;</i>
16 </div> 16 </div>
17 <div class="form-group password"> 17 <div class="form-group password">
@@ -21,8 +21,8 @@ @@ -21,8 +21,8 @@
21 <div data-userverify="{{captchaShow}}" data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify" {{/unless}}></div> 21 <div data-userverify="{{captchaShow}}" data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify" {{/unless}}></div>
22 <button id="loginBtn" class="login-btn disable">登录</button> 22 <button id="loginBtn" class="login-btn disable">登录</button>
23 <div class="other-info"> 23 <div class="other-info">
24 - <a href="{{internationalUrl}}">海外账号</a>  
25 - <a href="{{smsLoginUrl}}">手机验证码</a> 24 + <a href="{{internationalUrl}}">海外账号登录</a>
  25 + <a href="{{smsLoginUrl}}">手机验证码登录</a>
26 <a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a> 26 <a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a>
27 </div> 27 </div>
28 </div> 28 </div>
@@ -12,7 +12,7 @@ @@ -12,7 +12,7 @@
12 {{/ countrys}} 12 {{/ countrys}}
13 </select> 13 </select>
14 <i class="iconfont arrow-icon">&#xe613;</i> 14 <i class="iconfont arrow-icon">&#xe613;</i>
15 - <i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号" class="mobile-input" autocomplete="off"><i id="clearMobile" 15 + <i class="line">|</i><input type="number" name="mobile" placeholder="请输入手机号" class="mobile-input" autocomplete="off"><i id="clearMobile"
16 class="iconfont clear hide">&#xe72a;</i> 16 class="iconfont clear hide">&#xe72a;</i>
17 </div> 17 </div>
18 <div class="form-group verify-code"> 18 <div class="form-group verify-code">
@@ -18,7 +18,7 @@ @@ -18,7 +18,7 @@
18 {{/ countrys}} 18 {{/ countrys}}
19 </select> 19 </select>
20 <i class="iconfont arrow-icon">&#xe613;</i> 20 <i class="iconfont arrow-icon">&#xe613;</i>
21 - <i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号/邮箱" class="mobile-input"><i id="clearMobile" 21 + <i class="line">|</i><input type="number" name="mobile" placeholder="请输入手机号" class="mobile-input"><i id="clearMobile"
22 class="iconfont clear hide">&#xe72a;</i> 22 class="iconfont clear hide">&#xe72a;</i>
23 </div> 23 </div>
24 <div class="form-group verify-code"> 24 <div class="form-group verify-code">
@@ -28,7 +28,7 @@ @@ -28,7 +28,7 @@
28 <div data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify" {{/unless}}></div> 28 <div data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify" {{/unless}}></div>
29 <button id="smsLoginBtn" class="sms-login-btn">登录</button> 29 <button id="smsLoginBtn" class="sms-login-btn">登录</button>
30 <div class="other-info"> 30 <div class="other-info">
31 - <a href="{{internationalUrl}}">海外账号</a> 31 + <a href="{{internationalUrl}}">海外账号登录</a>
32 <a href="{{loginUrl}}">账号密码登录</a> 32 <a href="{{loginUrl}}">账号密码登录</a>
33 <a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a> 33 <a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a>
34 </div> 34 </div>
@@ -111,7 +111,6 @@ $disable-gray: #b0b0b0; @@ -111,7 +111,6 @@ $disable-gray: #b0b0b0;
111 > .form-group { 111 > .form-group {
112 border-bottom: 1px solid #e0e0e0; 112 border-bottom: 1px solid #e0e0e0;
113 height: 50px; 113 height: 50px;
114 - margin-bottom: 56px;  
115 114
116 > label { 115 > label {
117 font-size: 26px; 116 font-size: 26px;
@@ -143,6 +142,8 @@ $disable-gray: #b0b0b0; @@ -143,6 +142,8 @@ $disable-gray: #b0b0b0;
143 } 142 }
144 143
145 &.mobile { 144 &.mobile {
  145 + margin-bottom: 62px;
  146 +
146 > label { 147 > label {
147 margin-right: 30px; 148 margin-right: 30px;
148 } 149 }