Showing
3 changed files
with
30 additions
and
16 deletions
| @@ -25,7 +25,7 @@ | @@ -25,7 +25,7 @@ | ||
| 25 | background-size: 100%; | 25 | background-size: 100%; |
| 26 | } | 26 | } |
| 27 | 27 | ||
| 28 | - span{ | 28 | + >span{ |
| 29 | &:first-of-type{ | 29 | &:first-of-type{ |
| 30 | color: #444; | 30 | color: #444; |
| 31 | line-height:100rem / $pxConvertRem; | 31 | line-height:100rem / $pxConvertRem; |
| @@ -45,11 +45,24 @@ | @@ -45,11 +45,24 @@ | ||
| 45 | border:1px solid #eee; | 45 | border:1px solid #eee; |
| 46 | } | 46 | } |
| 47 | .grade{ | 47 | .grade{ |
| 48 | - width:85rem / $pxConvertRem; | ||
| 49 | - height: 30rem / $pxConvertRem; | ||
| 50 | - overflow: hidden; | ||
| 51 | - display: inline-block; | ||
| 52 | - margin-top: 25rem / $pxConvertRem; | 48 | + width: 100%; |
| 49 | + height: 100%; | ||
| 50 | + overflow: hidden; | ||
| 51 | + display: block; | ||
| 52 | + position: relative; | ||
| 53 | + i{ | ||
| 54 | + width:80rem / $pxConvertRem; | ||
| 55 | + height: 30rem / $pxConvertRem; | ||
| 56 | + overflow: hidden; | ||
| 57 | + display: block; | ||
| 58 | + position: absolute; | ||
| 59 | + right: 40rem / $pxConvertRem; | ||
| 60 | + top:50%; | ||
| 61 | + @include transform(translateY(-50%)) | ||
| 62 | + } | ||
| 63 | + span{ | ||
| 64 | + color: #b0b0b0; | ||
| 65 | + } | ||
| 53 | } | 66 | } |
| 54 | .vip-3 { | 67 | .vip-3 { |
| 55 | @include rem-sprite($vip, vip-3); | 68 | @include rem-sprite($vip, vip-3); |
| @@ -5,28 +5,28 @@ | @@ -5,28 +5,28 @@ | ||
| 5 | </div> | 5 | </div> |
| 6 | {{# couponsUrl}} | 6 | {{# couponsUrl}} |
| 7 | <div class="employ-list"> | 7 | <div class="employ-list"> |
| 8 | - {{# unused}} | 8 | + {{# used}} |
| 9 | <div class="employ-main"> | 9 | <div class="employ-main"> |
| 10 | <span>{{ money}}</span> | 10 | <span>{{ money}}</span> |
| 11 | <p>{{ coupon_name}}</p> | 11 | <p>{{ coupon_name}}</p> |
| 12 | <p>{{ couponValidity}}</p> | 12 | <p>{{ couponValidity}}</p> |
| 13 | </div> | 13 | </div> |
| 14 | - {{/ unused}} | ||
| 15 | - {{^ unused}} | 14 | + {{/ used}} |
| 15 | + {{^ used}} | ||
| 16 | <p class="null">未找到相关相关优惠券</p> | 16 | <p class="null">未找到相关相关优惠券</p> |
| 17 | - {{/ unused}} | 17 | + {{/ used}} |
| 18 | </div> | 18 | </div> |
| 19 | <div class="employ-list not none"> | 19 | <div class="employ-list not none"> |
| 20 | - {{# used}} | 20 | + {{# unused}} |
| 21 | <div class="employ-main"> | 21 | <div class="employ-main"> |
| 22 | <span>{{ money}}</span> | 22 | <span>{{ money}}</span> |
| 23 | <p>{{ coupon_name}}</p> | 23 | <p>{{ coupon_name}}</p> |
| 24 | <p>{{ couponValidity}}</p> | 24 | <p>{{ couponValidity}}</p> |
| 25 | </div> | 25 | </div> |
| 26 | - {{/ used}} | ||
| 27 | - {{^ used}} | 26 | + {{/ unused}} |
| 27 | + {{^ unused}} | ||
| 28 | <p class="null">未找到相关相关优惠券</p> | 28 | <p class="null">未找到相关相关优惠券</p> |
| 29 | - {{/ used}} | 29 | + {{/ unused}} |
| 30 | </div> | 30 | </div> |
| 31 | {{/ couponsUrl}} | 31 | {{/ couponsUrl}} |
| 32 | {{> layout/footer}} | 32 | {{> layout/footer}} |
| @@ -7,10 +7,11 @@ | @@ -7,10 +7,11 @@ | ||
| 7 | <li><span>生日</span><span>{{ birthday }}</span></li> | 7 | <li><span>生日</span><span>{{ birthday }}</span></li> |
| 8 | <li><span>会员等级</span> | 8 | <li><span>会员等级</span> |
| 9 | <span> | 9 | <span> |
| 10 | - <a href="grade"> | 10 | + <a href="grade" class="grade"> |
| 11 | {{# vip_info}} | 11 | {{# vip_info}} |
| 12 | - <i class="grade vip-icon vip-{{ next_level }}"></i> | 12 | + <i class="vip-icon vip-{{ cur_level}}"></i> |
| 13 | {{/ vip_info}} | 13 | {{/ vip_info}} |
| 14 | + <span class="iconfont"></span> | ||
| 14 | </a> | 15 | </a> |
| 15 | </span> | 16 | </span> |
| 16 | </li> | 17 | </li> |
-
Please register or login to post a comment