Authored by Lynnic

修改vip level样式

@@ -235,35 +235,37 @@ $basicBtnC:#eb0313; @@ -235,35 +235,37 @@ $basicBtnC:#eb0313;
235 padding-right: pxToRem(28px); 235 padding-right: pxToRem(28px);
236 min-height: pxToRem(88px); 236 min-height: pxToRem(88px);
237 background-color: #fff; 237 background-color: #fff;
  238 + font-size: pxToRem(22px);
  239 + color: #999999;
  240 + border-bottom: 1px solid $borderC;
238 .icons-item { 241 .icons-item {
239 float: left; 242 float: left;
240 width: 33.3%; 243 width: 33.3%;
241 height: pxToRem(88px); 244 height: pxToRem(88px);
  245 + margin: 0;
242 span { 246 span {
  247 + vertical-align: middle;
243 display: inline-block; 248 display: inline-block;
244 line-height: pxToRem(88px); 249 line-height: pxToRem(88px);
245 } 250 }
246 - .vip-img {  
247 - padding-right: pxToRem(22px);  
248 - .img { 251 + .vip-img {
249 width: pxToRem(53px); 252 width: pxToRem(53px);
250 height: pxToRem(32px); 253 height: pxToRem(32px);
251 - }  
252 - &:nth-child(3n-3) .img {  
253 - background: image-url('product/silver.png') no-repeat;  
254 - }  
255 - &:nth-child(3n-2) .img {  
256 - background: image-url('product/golden.png') no-repeat;  
257 - }  
258 - &:nth-child(3n-1) .img {  
259 - background: image-url('product/platinum.png') no-repeat;  
260 - } 254 + }
  255 + &:nth-child(3) .vip-img{
  256 + background: image-url('product/silver.png') no-repeat;
  257 + }
  258 + &:nth-child(2) .vip-img{
  259 + background: image-url('product/golden.png') no-repeat;
  260 + }
  261 + &:nth-child(1) .vip-img{
  262 + background: image-url('product/platinum.png') no-repeat;
261 } 263 }
262 &:first-child { 264 &:first-child {
263 - float: left; 265 + text-align: left;
264 } 266 }
265 &:last-child { 267 &:last-child {
266 - float: right; 268 + text-align: right;
267 } 269 }
268 } 270 }
269 } 271 }
@@ -52,20 +52,20 @@ @@ -52,20 +52,20 @@
52 {{/ periodOfMarket}} 52 {{/ periodOfMarket}}
53 </div> 53 </div>
54 54
55 - <!-- {{# vipLevel}} 55 + {{# vipLevel}}
56 <ul class="vip-level clearfix"> 56 <ul class="vip-level clearfix">
57 {{# list}} 57 {{# list}}
58 <li class="icons-item"> 58 <li class="icons-item">
59 - <span class="vip-img">  
60 - <div class="img" alt="" style="background-size:cover;"></div> 59 + <span class="vip-img" style="background-size:cover;">
  60 + <!-- <div class="img" alt="" style="background-size:cover;"></div> -->
61 </span> 61 </span>
62 <span class="vip-price">{{text}}</span> 62 <span class="vip-price">{{text}}</span>
63 </li> 63 </li>
64 {{/ list}} 64 {{/ list}}
65 </ul> 65 </ul>
66 - {{/vipLevel}} --> 66 + {{/vipLevel}}
67 67
68 - {{# vipLevel}} 68 + <!-- {{# vipLevel}}
69 <div class="vipLevel"> 69 <div class="vipLevel">
70 {{# list}} 70 {{# list}}
71 <span class="vip-img"> 71 <span class="vip-img">
@@ -74,7 +74,7 @@ @@ -74,7 +74,7 @@
74 <span class="vip-price">{{text}}</span> 74 <span class="vip-price">{{text}}</span>
75 {{/ list}} 75 {{/ list}}
76 </div> 76 </div>
77 - {{/ vipLevel}} 77 + {{/ vipLevel}} -->
78 78
79 {{# goodsDiscount}} 79 {{# goodsDiscount}}
80 <div class="goodsDiscount"> 80 <div class="goodsDiscount">