Authored by 陈峰

登录页面修改

@@ -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">&#xe610;</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>
@@ -6,4 +6,7 @@ @@ -6,4 +6,7 @@
6 {{#headerText}} 6 {{#headerText}}
7 <p class="title">{{.}}</p> 7 <p class="title">{{.}}</p>
8 {{/headerText}} 8 {{/headerText}}
  9 + {{#reg}}
  10 + <a href="{{registerUrl}}" class="opts register">注册</a>
  11 + {{/reg}}
9 </div> 12 </div>
@@ -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;