Authored by xuqi

third party login welcome page

@@ -1168,6 +1168,16 @@ @@ -1168,6 +1168,16 @@
1168 } 1168 }
1169 } 1169 }
1170 1170
  1171 +### 第三方登录欢迎页
  1172 +
  1173 + {
  1174 + passport: {
  1175 + //左侧logo
  1176 + goShoppingUrl: '',
  1177 + completeInfoUrl: ''
  1178 + }
  1179 + }
  1180 +
1171 ### 注册页 1181 ### 注册页
1172 1182
1173 ## 站点头部 1183 ## 站点头部
  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>
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;
  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 +}