Authored by xuqi

vip grade

1 -$vip: sprite-map("me/vip/*.png"); 1 +$vip: sprite-map("me/vip/*.png", $spacing: 10px);
2 2
3 .vip-grade-page { 3 .vip-grade-page {
4 background: #f0f0f0; 4 background: #f0f0f0;
@@ -22,8 +22,9 @@ $vip: sprite-map("me/vip/*.png"); @@ -22,8 +22,9 @@ $vip: sprite-map("me/vip/*.png");
22 22
23 .vip-icon { 23 .vip-icon {
24 display: inline-block; 24 display: inline-block;
25 - width: pxToRem(70px);  
26 - height: pxToRem(30px); 25 + width: pxToRem(72px);
  26 + height: pxToRem(32px);
  27 + vertical-align: sub;
27 } 28 }
28 29
29 .vip-3 { 30 .vip-3 {
@@ -39,7 +40,7 @@ $vip: sprite-map("me/vip/*.png"); @@ -39,7 +40,7 @@ $vip: sprite-map("me/vip/*.png");
39 } 40 }
40 41
41 .grade-desc { 42 .grade-desc {
42 - padding: 20rem / $pxConvertRem 0; 43 + margin-top: 20rem / $pxConvertRem;
43 font-size: 22rem / $pxConvertRem; 44 font-size: 22rem / $pxConvertRem;
44 color: #b0b0b0; 45 color: #b0b0b0;
45 } 46 }
@@ -49,6 +50,7 @@ $vip: sprite-map("me/vip/*.png"); @@ -49,6 +50,7 @@ $vip: sprite-map("me/vip/*.png");
49 50
50 > span { 51 > span {
51 font-style: italic; 52 font-style: italic;
  53 + font-size: 28rem / $pxConvertRem;
52 color: #d1021c; 54 color: #d1021c;
53 } 55 }
54 } 56 }
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 您已升级至最高的等级啦! 7 您已升级至最高的等级啦!
8 </p> 8 </p>
9 <p class="sum-cost"> 9 <p class="sum-cost">
10 - 年度累计金额<span>¥{{costOfThisYear}}</span> 10 + 年度累计金额<span> ¥ {{costOfThisYear}}</span>
11 </p> 11 </p>
12 <div class="progresser"> 12 <div class="progresser">
13 <div class="outer"></div> 13 <div class="outer"></div>
@@ -28,7 +28,7 @@ @@ -28,7 +28,7 @@
28 <span class="sub-desc">(VIP金额累计需订单成功签收满15天并无退换货)</span> 28 <span class="sub-desc">(VIP金额累计需订单成功签收满15天并无退换货)</span>
29 </p> 29 </p>
30 <p class="sum-cost"> 30 <p class="sum-cost">
31 - 年度累计金额<span>¥{{costOfThisYear}}</span> 31 + 年度累计金额<span> ¥ {{costOfThisYear}}</span>
32 </p> 32 </p>
33 <div class="progresser"> 33 <div class="progresser">
34 <div class="outer"></div> 34 <div class="outer"></div>
@@ -51,7 +51,7 @@ @@ -51,7 +51,7 @@
51 <span class="sub-desc">(VIP金额累计需订单成功签收满15天并无退换货)</span> 51 <span class="sub-desc">(VIP金额累计需订单成功签收满15天并无退换货)</span>
52 </p> 52 </p>
53 <p class="sum-cost"> 53 <p class="sum-cost">
54 - 年度累计金额<span>¥{{costOfThisYear}}</span> 54 + 年度累计金额<span> ¥ {{costOfThisYear}}</span>
55 </p> 55 </p>
56 <div class="progresser"> 56 <div class="progresser">
57 <div class="outer"></div> 57 <div class="outer"></div>
@@ -73,7 +73,7 @@ @@ -73,7 +73,7 @@
73 <span class="sub-desc">(VIP金额累计需订单成功签收满15天并无退换货)</span> 73 <span class="sub-desc">(VIP金额累计需订单成功签收满15天并无退换货)</span>
74 </p> 74 </p>
75 <p class="sum-cost"> 75 <p class="sum-cost">
76 - 年度累计金额<span>¥{{costOfThisYear}}</span> 76 + 年度累计金额<span> ¥ {{costOfThisYear}}</span>
77 </p> 77 </p>
78 <div class="progresser"> 78 <div class="progresser">
79 <div class="outer"></div> 79 <div class="outer"></div>