third party login welcome page
Showing
6 changed files
with
93 additions
and
2 deletions
1 | +{{> layout/simple-header}} | ||
2 | +<div class="welcome-page passport-page yoho-page clearfix"> | ||
3 | + {{# passport}} | ||
4 | + {{> passport/cover}} | ||
5 | + <div class="content"> | ||
6 | + <p class="wel-title"> | ||
7 | + 欢迎加入 | ||
8 | + <em>YOHO!FAMILY</em> | ||
9 | + </p> | ||
10 | + <p class="wel-sub-title"> | ||
11 | + 为了您的账户安全, 请您完善账户信息, 以便为您提供更好的服务! | ||
12 | + </p> | ||
13 | + <div class="links clearfix"> | ||
14 | + <a class="link go-shopping" href="{{goShoppingUrl}}"> | ||
15 | + <div class="link-img "></div> | ||
16 | + <span>前往购物</span> | ||
17 | + </a> | ||
18 | + <a class="link complete-info" href="{{completeInfoUrl}}"> | ||
19 | + <div class="link-img"></div> | ||
20 | + <span>完善信息</span> | ||
21 | + </a> | ||
22 | + </div> | ||
23 | + </div> | ||
24 | + {{/ passport}} | ||
25 | +</div> |
web-static/img/passport/edit-info.png
0 → 100644
3.35 KB
web-static/img/passport/go-shopping.png
0 → 100644
2.77 KB
1 | $tip: sprite-map("passport/tip/*.png", $spacing: 10px); | 1 | $tip: sprite-map("passport/tip/*.png", $spacing: 10px); |
2 | 2 | ||
3 | -@import "login", "register", "back"; | ||
4 | -/**/ | 3 | +@import "login", "register", "back", "welcome"; |
4 | + | ||
5 | .passport-page { | 5 | .passport-page { |
6 | width: 1150px; | 6 | width: 1150px; |
7 | margin-left: auto; | 7 | margin-left: auto; |
web-static/sass/passport/_welcome.scss
0 → 100644
1 | +.welcome-page { | ||
2 | + text-align: center; | ||
3 | + color: #7f7f7f; | ||
4 | + | ||
5 | + .content { | ||
6 | + padding-top: 82px; | ||
7 | + } | ||
8 | + | ||
9 | + .wel-title { | ||
10 | + font-size: 30px; | ||
11 | + margin-bottom: 30px; | ||
12 | + | ||
13 | + em { | ||
14 | + font-style: normal; | ||
15 | + color: #ff1901; | ||
16 | + } | ||
17 | + } | ||
18 | + | ||
19 | + .wel-sub-title { | ||
20 | + font-size: 16px; | ||
21 | + margin-bottom: 60px; | ||
22 | + } | ||
23 | + | ||
24 | + .link { | ||
25 | + display: block; | ||
26 | + | ||
27 | + span { | ||
28 | + color: #7f7f7f; | ||
29 | + } | ||
30 | + } | ||
31 | + | ||
32 | + .link-img { | ||
33 | + height: 91px; | ||
34 | + width: 91px; | ||
35 | + background-size: 100% 100%; | ||
36 | + margin-bottom: 10px; | ||
37 | + } | ||
38 | + | ||
39 | + .go-shopping { | ||
40 | + float: left; | ||
41 | + padding-left: 100px; | ||
42 | + | ||
43 | + div { | ||
44 | + background-image: image-url('passport/go-shopping.png'); | ||
45 | + } | ||
46 | + } | ||
47 | + | ||
48 | + .complete-info { | ||
49 | + float: right; | ||
50 | + padding-right: 100px; | ||
51 | + | ||
52 | + div { | ||
53 | + background-image: image-url('passport/edit-info.png'); | ||
54 | + } | ||
55 | + } | ||
56 | +} |
-
Please register or login to post a comment