Authored by 郭成尧

page-perfect

... ... @@ -13,10 +13,10 @@
</div>
<div class="login-form">
<div class="form-group username">
<label for="username" class="iconfont">&#xe727;</label><input type="text" name="username" placeholder="请输入手机号/邮箱"><i class="iconfont">&#xe72a;</i>
<label for="username" class="iconfont">&#xe727;</label><input type="text" name="username" placeholder="请输入手机号/邮箱"><i class="iconfont clear">&#xe72a;</i>
</div>
<div class="form-group password">
<label for="password" class="iconfont">&#xe723;</label><input type="password" name="password" placeholder="请输入密码"><i class="iconfont">&#xe716;</i>
<label for="password" class="iconfont">&#xe723;</label><input type="password" name="password" placeholder="请输入密码"><i class="iconfont eye-close">&#xe716;</i>
</div>
<div class="other-info">
<a href="">海外账号</a>
... ...
... ... @@ -6,13 +6,13 @@
</div>
<div class="reg-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">&#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="text" 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>
</div>
<div class="form-group password">
<label for="password" class="iconfont">&#xe723;</label><input type="password" name="password" placeholder="请输入密码"><i class="iconfont">&#xe714;</i>
<label for="password" class="iconfont">&#xe723;</label><input type="password" name="password" placeholder="请输入密码"><i class="iconfont eye-open">&#xe714;</i>
</div>
<div class="form-group invite-code">
<label for="inviteCode" class="iconfont">&#xe71e;</label><input type="text" name="inviteCode" placeholder="邀请码(无邀请码非必填)">
... ...
... ... @@ -20,6 +20,10 @@
$top-bar-font-color: #fff;
.login-new-page {
.iconfont {
color: #444;
}
.banner-box {
width: 750px;
height: 400px;
... ... @@ -98,6 +102,15 @@ $top-bar-font-color: #fff;
&.username {
margin-bottom: 62px;
> .clear {
color: #e0e0e0;
margin-right: 4px;
}
}
&.password > .eye-close {
color: #e0e0e0;
}
> label {
... ...
... ... @@ -8,6 +8,10 @@ $top-bar-font-color: #444;
.reg-new-page {
@extend padding-75;
.iconfont {
color: #444;
}
.top-operation-bar {
width: 600px;
height: 50px;
... ... @@ -78,6 +82,15 @@ $top-bar-font-color: #444;
}
}
&.mobile > .clear {
color: #e0e0e0;
margin-right: 8px;
}
&.password > .eye-open {
color: #e0e0e0;
}
.country-code {
width: 98px;
height: 22px;
... ...