Authored by zhangxiaoru

个人中心 主页、资料页样式

@@ -11,6 +11,11 @@ @@ -11,6 +11,11 @@
11 {{#if students}} 11 {{#if students}}
12 <span class="vip-icon students"></span> 12 <span class="vip-icon students"></span>
13 {{/if}} 13 {{/if}}
  14 +
  15 + <div class="invition">
  16 + <span class="code">88888888</span>
  17 + <span class="upgrade">升级</span>
  18 + </div>
14 <div class="iconfont more-icon tap-hightlight">&#xe604;</div> 19 <div class="iconfont more-icon tap-hightlight">&#xe604;</div>
15 </a> 20 </a>
16 {{#unless students}} 21 {{#unless students}}
@@ -15,6 +15,15 @@ @@ -15,6 +15,15 @@
15 </span> 15 </span>
16 </li> 16 </li>
17 <li> 17 <li>
  18 + <span>我的潮流口令</span>
  19 + <span>
  20 + <a href="" class="command">
  21 + <b></b>2222222222
  22 + <span class="iconfont">&#xe604;</span>
  23 + </a>
  24 + </span>
  25 + </li>
  26 + <!-- <li>
18 <span>我的二维码</span> 27 <span>我的二维码</span>
19 <span> 28 <span>
20 <a href="{{qrcodeLink}}" class="grade"> 29 <a href="{{qrcodeLink}}" class="grade">
@@ -22,6 +31,6 @@ @@ -22,6 +31,6 @@
22 <span class="iconfont">&#xe604;</span> 31 <span class="iconfont">&#xe604;</span>
23 </a> 32 </a>
24 </span> 33 </span>
25 - </li> 34 + </li> -->
26 </ul> 35 </ul>
27 </div> 36 </div>
@@ -26,7 +26,7 @@ @@ -26,7 +26,7 @@
26 height: 200px; 26 height: 200px;
27 padding: 10px; 27 padding: 10px;
28 background-color: #fff; 28 background-color: #fff;
29 - margin: 16px 0 0 285px; 29 + margin: 16px 0 0 283px;
30 } 30 }
31 31
32 .code-qr { 32 .code-qr {
@@ -32,7 +32,7 @@ @@ -32,7 +32,7 @@
32 padding: 0 30px; 32 padding: 0 30px;
33 color: #fff; 33 color: #fff;
34 font-size: 34px; 34 font-size: 34px;
35 - line-height: 168px; 35 + line-height: 125px;
36 height: 168px; 36 height: 168px;
37 background: resolve("home/index/header-bg.jpg"); 37 background: resolve("home/index/header-bg.jpg");
38 background-size: cover; 38 background-size: cover;
@@ -57,6 +57,7 @@ @@ -57,6 +57,7 @@
57 white-space: nowrap; 57 white-space: nowrap;
58 max-width: 260px; 58 max-width: 260px;
59 font-size: 16PX; 59 font-size: 16PX;
  60 + height: 75px;
60 } 61 }
61 62
62 .vip-icon { 63 .vip-icon {
@@ -91,6 +92,23 @@ @@ -91,6 +92,23 @@
91 background: rgba(200, 200, 200, 0.1) !important; 92 background: rgba(200, 200, 200, 0.1) !important;
92 } 93 }
93 } 94 }
  95 +
  96 + .invition {
  97 + width: 300px;
  98 + font-size: 24px;
  99 + position: absolute;
  100 + top: 95px;
  101 + left: 172px;
  102 + height: 46px;
  103 + line-height: 46px;
  104 + overflow: hidden;
  105 +
  106 + .upgrade {
  107 + margin-left: 15px;
  108 + text-decoration: underline;
  109 + color: #d0021b;
  110 + }
  111 + }
94 } 112 }
95 113
96 .login-btn { 114 .login-btn {
@@ -93,6 +93,15 @@ @@ -93,6 +93,15 @@
93 } 93 }
94 } 94 }
95 95
  96 + .command {
  97 + color: #b0b0b0;
  98 +
  99 + b {
  100 + color: #d0021b;
  101 + margin-right: 5px;
  102 + }
  103 + }
  104 +
96 &:last-of-type { 105 &:last-of-type {
97 border-bottom: none; 106 border-bottom: none;
98 } 107 }