Authored by Lynnic

修改vip level样式

... ... @@ -235,35 +235,37 @@ $basicBtnC:#eb0313;
padding-right: pxToRem(28px);
min-height: pxToRem(88px);
background-color: #fff;
font-size: pxToRem(22px);
color: #999999;
border-bottom: 1px solid $borderC;
.icons-item {
float: left;
width: 33.3%;
height: pxToRem(88px);
margin: 0;
span {
vertical-align: middle;
display: inline-block;
line-height: pxToRem(88px);
}
.vip-img {
padding-right: pxToRem(22px);
.img {
width: pxToRem(53px);
height: pxToRem(32px);
}
&:nth-child(3n-3) .img {
&:nth-child(3) .vip-img{
background: image-url('product/silver.png') no-repeat;
}
&:nth-child(3n-2) .img {
&:nth-child(2) .vip-img{
background: image-url('product/golden.png') no-repeat;
}
&:nth-child(3n-1) .img {
&:nth-child(1) .vip-img{
background: image-url('product/platinum.png') no-repeat;
}
}
&:first-child {
float: left;
text-align: left;
}
&:last-child {
float: right;
text-align: right;
}
}
}
... ...
... ... @@ -52,20 +52,20 @@
{{/ periodOfMarket}}
</div>
<!-- {{# vipLevel}}
{{# vipLevel}}
<ul class="vip-level clearfix">
{{# list}}
<li class="icons-item">
<span class="vip-img">
<div class="img" alt="" style="background-size:cover;"></div>
<span class="vip-img" style="background-size:cover;">
<!-- <div class="img" alt="" style="background-size:cover;"></div> -->
</span>
<span class="vip-price">{{text}}</span>
</li>
{{/ list}}
</ul>
{{/vipLevel}} -->
{{/vipLevel}}
{{# vipLevel}}
<!-- {{# vipLevel}}
<div class="vipLevel">
{{# list}}
<span class="vip-img">
... ... @@ -74,7 +74,7 @@
<span class="vip-price">{{text}}</span>
{{/ list}}
</div>
{{/ vipLevel}}
{{/ vipLevel}} -->
{{# goodsDiscount}}
<div class="goodsDiscount">
... ...