Authored by xuqi

passport welcome page.Review by:@wangchenglong

... ... @@ -1168,6 +1168,16 @@
}
}
### 第三方登录欢迎页
{
passport: {
//左侧logo
goShoppingUrl: '',
completeInfoUrl: ''
}
}
### 注册页
## 站点头部
... ...
{{> layout/simple-header}}
<div class="welcome-page passport-page yoho-page clearfix">
{{# passport}}
{{> passport/cover}}
<div class="content">
<p class="wel-title">
欢迎加入
<em>YOHO!FAMILY</em>
</p>
<p class="wel-sub-title">
为了您的账户安全, 请您完善账户信息, 以便为您提供更好的服务!
</p>
<div class="links clearfix">
<a class="link go-shopping" href="{{goShoppingUrl}}">
<div class="link-img "></div>
<span>前往购物</span>
</a>
<a class="link complete-info" href="{{completeInfoUrl}}">
<div class="link-img"></div>
<span>完善信息</span>
</a>
</div>
</div>
{{/ passport}}
</div>
\ No newline at end of file
... ...
$tip: sprite-map("passport/tip/*.png", $spacing: 10px);
@import "login", "register", "back";
/**/
@import "login", "register", "back", "welcome";
.passport-page {
width: 1150px;
margin-left: auto;
... ...
.welcome-page {
text-align: center;
color: #7f7f7f;
.content {
padding-top: 82px;
}
.wel-title {
font-size: 30px;
margin-bottom: 30px;
em {
font-style: normal;
color: #ff1901;
}
}
.wel-sub-title {
font-size: 16px;
margin-bottom: 60px;
}
.link {
display: block;
span {
color: #7f7f7f;
}
}
.link-img {
height: 91px;
width: 91px;
background-size: 100% 100%;
margin-bottom: 10px;
}
.go-shopping {
float: left;
padding-left: 100px;
div {
background-image: image-url('passport/go-shopping.png');
}
}
.complete-info {
float: right;
padding-right: 100px;
div {
background-image: image-url('passport/edit-info.png');
}
}
}
\ No newline at end of file
... ...