Showing
5 changed files
with
10 additions
and
22 deletions
| @@ -90,28 +90,18 @@ | @@ -90,28 +90,18 @@ | ||
| 90 | z-index: 2; | 90 | z-index: 2; |
| 91 | float: right; | 91 | float: right; |
| 92 | } | 92 | } |
| 93 | - | ||
| 94 | - i { | ||
| 95 | - position: absolute; | ||
| 96 | - z-index: 1; | ||
| 97 | - left: 0; | ||
| 98 | - right: 0; | ||
| 99 | - top: 0; | ||
| 100 | - bottom: 0; | ||
| 101 | - opacity: 0.8; | ||
| 102 | - } | ||
| 103 | } | 93 | } |
| 104 | 94 | ||
| 105 | - .new-tag i { | ||
| 106 | - background: #93c163; | 95 | + .new-tag { |
| 96 | + background: #86bf4a; | ||
| 107 | } | 97 | } |
| 108 | 98 | ||
| 109 | - .sale-tag i { | ||
| 110 | - background: #dc524f; | 99 | + .sale-tag { |
| 100 | + background: #d62927; | ||
| 111 | } | 101 | } |
| 112 | 102 | ||
| 113 | - .few-tag i { | ||
| 114 | - background: #fdaf3a; | 103 | + .few-tag { |
| 104 | + background: #ff9e0d; | ||
| 115 | } | 105 | } |
| 116 | } | 106 | } |
| 117 | 107 |
| @@ -17,7 +17,7 @@ $pxConvertRem : 40; | @@ -17,7 +17,7 @@ $pxConvertRem : 40; | ||
| 17 | padding: 20rem / $pxConvertRem 0 0 30rem / $pxConvertRem; | 17 | padding: 20rem / $pxConvertRem 0 0 30rem / $pxConvertRem; |
| 18 | background: #fff; | 18 | background: #fff; |
| 19 | z-index: 10; | 19 | z-index: 10; |
| 20 | - border-bottom: 1px solid #969696; | 20 | + border-bottom: 1px solid #b0b0b0; |
| 21 | 21 | ||
| 22 | &.fixed { | 22 | &.fixed { |
| 23 | position: fixed; | 23 | position: fixed; |
| @@ -49,9 +49,9 @@ | @@ -49,9 +49,9 @@ | ||
| 49 | } | 49 | } |
| 50 | 50 | ||
| 51 | .brand-name { | 51 | .brand-name { |
| 52 | - margin: 2rem / $pxConvertRem 0 0 0; | 52 | + margin: 2px 0 0 0; |
| 53 | line-height: 24rem / $pxConvertRem; | 53 | line-height: 24rem / $pxConvertRem; |
| 54 | - font-size: 14rem / $pxConvertRem; | 54 | + font-size: 18rem / $pxConvertRem; |
| 55 | color: #babac2; | 55 | color: #babac2; |
| 56 | text-align: center; | 56 | text-align: center; |
| 57 | text-decoration: none; | 57 | text-decoration: none; |
| @@ -12,21 +12,18 @@ | @@ -12,21 +12,18 @@ | ||
| 12 | <div class="tag-container"> | 12 | <div class="tag-container"> |
| 13 | {{# isNew}} | 13 | {{# isNew}} |
| 14 | <div class="good-tag new-tag clearfix"> | 14 | <div class="good-tag new-tag clearfix"> |
| 15 | - <i></i> | ||
| 16 | <span>新品到着</span> | 15 | <span>新品到着</span> |
| 17 | <em>NEW</em> | 16 | <em>NEW</em> |
| 18 | </div> | 17 | </div> |
| 19 | {{/ isNew}} | 18 | {{/ isNew}} |
| 20 | {{# isSale}} | 19 | {{# isSale}} |
| 21 | <div class="good-tag sale-tag clearfix"> | 20 | <div class="good-tag sale-tag clearfix"> |
| 22 | - <i></i> | ||
| 23 | <span>打折商品</span> | 21 | <span>打折商品</span> |
| 24 | <em>SALE</em> | 22 | <em>SALE</em> |
| 25 | </div> | 23 | </div> |
| 26 | {{/ isSale}} | 24 | {{/ isSale}} |
| 27 | {{# isFew}} | 25 | {{# isFew}} |
| 28 | <div class="good-tag few-tag clearfix"> | 26 | <div class="good-tag few-tag clearfix"> |
| 29 | - <i></i> | ||
| 30 | <span>即将售罄</span> | 27 | <span>即将售罄</span> |
| 31 | <em>FEW</em> | 28 | <em>FEW</em> |
| 32 | </div> | 29 | </div> |
-
Please register or login to post a comment