Showing
5 changed files
with
41 additions
and
21 deletions
@@ -121,7 +121,8 @@ const local = { | @@ -121,7 +121,8 @@ const local = { | ||
121 | emailRetriveUrl: '/passport/back/email', // 通过邮箱找回密码的URL链接 | 121 | emailRetriveUrl: '/passport/back/email', // 通过邮箱找回密码的URL链接 |
122 | module: 'passport', | 122 | module: 'passport', |
123 | page: 'login', | 123 | page: 'login', |
124 | - title: '登录' | 124 | + title: '登录', |
125 | + reg: true | ||
125 | }); | 126 | }); |
126 | }, | 127 | }, |
127 | international: (req, res) => { | 128 | international: (req, res) => { |
1 | <div class="login-page passport-page yoho-page"> | 1 | <div class="login-page passport-page yoho-page"> |
2 | {{> passport/header}} | 2 | {{> passport/header}} |
3 | + <div class="login-tip"> | ||
4 | + <div class="info-icon"></div> | ||
5 | + Yoho!Family账号可登录Yoho!Buy有货 | ||
6 | + </div> | ||
3 | <div class="content"> | 7 | <div class="content"> |
4 | <div class="acc-container input-container row has-clear"> | 8 | <div class="acc-container input-container row has-clear"> |
5 | <div class="yoho-logo"></div> | 9 | <div class="yoho-logo"></div> |
@@ -11,8 +15,9 @@ | @@ -11,8 +15,9 @@ | ||
11 | <div id="js-img-check" {{#captchaShow }}data-init{{/captchaShow}}></div> | 15 | <div id="js-img-check" {{#captchaShow }}data-init{{/captchaShow}}></div> |
12 | <span id="btn-login" class="btn btn-login disable">登录</span> | 16 | <span id="btn-login" class="btn btn-login disable">登录</span> |
13 | <p class="op-container"> | 17 | <p class="op-container"> |
14 | - <a class="sms-login" href={{smsLoginUrl}}>手机号码快捷登录</a> | ||
15 | - <span id="forget-pwd" class="forget-pwd">忘记密码</span> | 18 | + <a class="op-item internat" href={{internationalUrl}}>海外手机</a> |
19 | + <a class="op-item sms-login" href={{smsLoginUrl}}>快速登录</a> | ||
20 | + <span id="forget-pwd" class="op-item forget-pwd">忘记密码</span> | ||
16 | </p> | 21 | </p> |
17 | <div class="third-party-login"> | 22 | <div class="third-party-login"> |
18 | <div class="tp-link"> | 23 | <div class="tp-link"> |
@@ -22,15 +27,8 @@ | @@ -22,15 +27,8 @@ | ||
22 | <a class="alipay" href={{aliLoginUrl}}></a> | 27 | <a class="alipay" href={{aliLoginUrl}}></a> |
23 | </div> | 28 | </div> |
24 | </div> | 29 | </div> |
25 | - <a class="international" href={{internationalUrl}}>International Customer</a> | ||
26 | - <div class="go-register"> | ||
27 | - <i class="iconfont"></i> | ||
28 | - <a href={{registerUrl}}>注册Yoho!Family</a> | ||
29 | - </div> | ||
30 | - <div class="login-tip"> | ||
31 | - <div class="info-icon"></div> | ||
32 | - Yoho!Family账号可登录Yoho!Buy有货 | ||
33 | - </div> | 30 | + |
31 | + | ||
34 | <div id="retrive-pwd-mask" class="mask"></div> | 32 | <div id="retrive-pwd-mask" class="mask"></div> |
35 | <ul id="retrive-pwd-ways" class="retrive-pwd-ways"> | 33 | <ul id="retrive-pwd-ways" class="retrive-pwd-ways"> |
36 | <li> | 34 | <li> |
@@ -67,6 +67,22 @@ body.passport-body { | @@ -67,6 +67,22 @@ body.passport-body { | ||
67 | background-size: 100% 100%; | 67 | background-size: 100% 100%; |
68 | margin: 0 auto; | 68 | margin: 0 auto; |
69 | } | 69 | } |
70 | + | ||
71 | + .opts { | ||
72 | + display: block; | ||
73 | + background: transparent; | ||
74 | + border: solid 1PX #fff; | ||
75 | + width: auto; | ||
76 | + height: 30PX; | ||
77 | + line-height: 28PX; | ||
78 | + border-radius: 30PX; | ||
79 | + color: #fff; | ||
80 | + padding-left: 15PX; | ||
81 | + padding-right: 15PX; | ||
82 | + position: absolute; | ||
83 | + right: 0; | ||
84 | + top: 5PX; | ||
85 | + } | ||
70 | } | 86 | } |
71 | 87 | ||
72 | .input-container, | 88 | .input-container, |
@@ -17,19 +17,21 @@ | @@ -17,19 +17,21 @@ | ||
17 | position: relative; | 17 | position: relative; |
18 | width: 100%; | 18 | width: 100%; |
19 | margin: 20PX 0; | 19 | margin: 20PX 0; |
20 | - text-align: left; | 20 | + text-align: center; |
21 | font-size: 16PX; | 21 | font-size: 16PX; |
22 | + display: flex; | ||
22 | 23 | ||
23 | - .sms-login { | ||
24 | - text-decoration: underline; | ||
25 | - color: #858585; | 24 | + .op-item { |
25 | + flex: 1; | ||
26 | + color: #fff; | ||
27 | + } | ||
28 | + | ||
29 | + .internat { | ||
30 | + text-align: left; | ||
26 | } | 31 | } |
27 | 32 | ||
28 | .forget-pwd { | 33 | .forget-pwd { |
29 | - position: absolute; | ||
30 | - right: 0; | ||
31 | - text-decoration: underline; | ||
32 | - color: #858585; | 34 | + text-align: right; |
33 | } | 35 | } |
34 | } | 36 | } |
35 | 37 | ||
@@ -96,7 +98,7 @@ | @@ -96,7 +98,7 @@ | ||
96 | } | 98 | } |
97 | 99 | ||
98 | .login-tip { | 100 | .login-tip { |
99 | - font-size: 16PX; | 101 | + font-size: 14PX; |
100 | position: relative; | 102 | position: relative; |
101 | color: #d8d8d8; | 103 | color: #d8d8d8; |
102 | margin: 15PX 0; | 104 | margin: 15PX 0; |
-
Please register or login to post a comment