Authored by 陈峰

登录页面修改

... ... @@ -121,7 +121,8 @@ const local = {
emailRetriveUrl: '/passport/back/email', // 通过邮箱找回密码的URL链接
module: 'passport',
page: 'login',
title: '登录'
title: '登录',
reg: true
});
},
international: (req, res) => {
... ...
<div class="login-page passport-page yoho-page">
{{> passport/header}}
<div class="login-tip">
<div class="info-icon"></div>
Yoho!Family账号可登录Yoho!Buy有货
</div>
<div class="content">
<div class="acc-container input-container row has-clear">
<div class="yoho-logo"></div>
... ... @@ -11,8 +15,9 @@
<div id="js-img-check" {{#captchaShow }}data-init{{/captchaShow}}></div>
<span id="btn-login" class="btn btn-login disable">登录</span>
<p class="op-container">
<a class="sms-login" href={{smsLoginUrl}}>手机号码快捷登录</a>
<span id="forget-pwd" class="forget-pwd">忘记密码</span>
<a class="op-item internat" href={{internationalUrl}}>海外手机</a>
<a class="op-item sms-login" href={{smsLoginUrl}}>快速登录</a>
<span id="forget-pwd" class="op-item forget-pwd">忘记密码</span>
</p>
<div class="third-party-login">
<div class="tp-link">
... ... @@ -22,15 +27,8 @@
<a class="alipay" href={{aliLoginUrl}}></a>
</div>
</div>
<a class="international" href={{internationalUrl}}>International Customer</a>
<div class="go-register">
<i class="iconfont">&#xe610;</i>
<a href={{registerUrl}}>注册Yoho!Family</a>
</div>
<div class="login-tip">
<div class="info-icon"></div>
Yoho!Family账号可登录Yoho!Buy有货
</div>
<div id="retrive-pwd-mask" class="mask"></div>
<ul id="retrive-pwd-ways" class="retrive-pwd-ways">
<li>
... ...
... ... @@ -6,4 +6,7 @@
{{#headerText}}
<p class="title">{{.}}</p>
{{/headerText}}
{{#reg}}
<a href="{{registerUrl}}" class="opts register">注册</a>
{{/reg}}
</div>
\ No newline at end of file
... ...
... ... @@ -67,6 +67,22 @@ body.passport-body {
background-size: 100% 100%;
margin: 0 auto;
}
.opts {
display: block;
background: transparent;
border: solid 1PX #fff;
width: auto;
height: 30PX;
line-height: 28PX;
border-radius: 30PX;
color: #fff;
padding-left: 15PX;
padding-right: 15PX;
position: absolute;
right: 0;
top: 5PX;
}
}
.input-container,
... ...
... ... @@ -17,19 +17,21 @@
position: relative;
width: 100%;
margin: 20PX 0;
text-align: left;
text-align: center;
font-size: 16PX;
display: flex;
.sms-login {
text-decoration: underline;
color: #858585;
.op-item {
flex: 1;
color: #fff;
}
.internat {
text-align: left;
}
.forget-pwd {
position: absolute;
right: 0;
text-decoration: underline;
color: #858585;
text-align: right;
}
}
... ... @@ -96,7 +98,7 @@
}
.login-tip {
font-size: 16PX;
font-size: 14PX;
position: relative;
color: #d8d8d8;
margin: 15PX 0;
... ...