Showing
2 changed files
with
40 additions
and
8 deletions
@@ -189,10 +189,23 @@ | @@ -189,10 +189,23 @@ | ||
189 | } | 189 | } |
190 | //品牌收藏 | 190 | //品牌收藏 |
191 | .fav-brand-swiper { | 191 | .fav-brand-swiper { |
192 | - border-bottom: 1px solid #ccc; | 192 | + border-top: 1px solid #e0e0e0; |
193 | + border-bottom: pxToRem(28px) solid #f0f0f0; | ||
194 | + position: relative; | ||
193 | 195 | ||
194 | - &.none-border-bottom { | ||
195 | - border-bottom: none; | 196 | + &:nth-of-type(1) { |
197 | + border-top: 0; | ||
198 | + } | ||
199 | + | ||
200 | + &:after { | ||
201 | + content: ''; | ||
202 | + position: absolute; | ||
203 | + left: 0; | ||
204 | + bottom: -2px; | ||
205 | + border-top: 1px solid #e0e0e0; | ||
206 | + display: block; | ||
207 | + width: 100%; | ||
208 | + height: 1px; | ||
196 | } | 209 | } |
197 | 210 | ||
198 | .swiper-header { | 211 | .swiper-header { |
@@ -268,7 +281,7 @@ | @@ -268,7 +281,7 @@ | ||
268 | } | 281 | } |
269 | } | 282 | } |
270 | .swiper-container { | 283 | .swiper-container { |
271 | - height: pxToRem(300px); | 284 | + height: pxToRem(365px); |
272 | margin: 0 pxToRem(30px); | 285 | margin: 0 pxToRem(30px); |
273 | 286 | ||
274 | .swiper-slide { | 287 | .swiper-slide { |
@@ -285,9 +298,28 @@ | @@ -285,9 +298,28 @@ | ||
285 | img { | 298 | img { |
286 | display: block; | 299 | display: block; |
287 | width: 100%; | 300 | width: 100%; |
288 | - height: 100%; | 301 | + height: pxToRem(300px); |
289 | overflow: hidden; | 302 | overflow: hidden; |
290 | } | 303 | } |
304 | + .brand-product { | ||
305 | + height: pxToRem(65px); | ||
306 | + line-height: pxToRem(65px); | ||
307 | + text-align: center; | ||
308 | + font-size: pxToRem(22px); | ||
309 | + color: #fff; | ||
310 | + | ||
311 | + .price-discount { | ||
312 | + span { | ||
313 | + color: #d1021c | ||
314 | + } | ||
315 | + b { | ||
316 | + color: #b0b0b0; | ||
317 | + text-decoration: line-through; | ||
318 | + font-weight: normal; | ||
319 | + margin-left: pxToRem(13px); | ||
320 | + } | ||
321 | + } | ||
322 | + } | ||
291 | } | 323 | } |
292 | } | 324 | } |
293 | } | 325 | } |
1 | {{# hasFavBrand}} | 1 | {{# hasFavBrand}} |
2 | -<div class="fav-brand-swiper {{#if productList}}none-border-bottom{{/if}}"> | 2 | +<div class="fav-brand-swiper"> |
3 | <div class="swiper-header"> | 3 | <div class="swiper-header"> |
4 | <div class="swiper-logo"> | 4 | <div class="swiper-logo"> |
5 | <img src="{{brandImg}}" alt=""/> | 5 | <img src="{{brandImg}}" alt=""/> |
@@ -25,8 +25,8 @@ | @@ -25,8 +25,8 @@ | ||
25 | <img class="swiper-lazy" data-src="{{imgUrl}}" alt=""/> | 25 | <img class="swiper-lazy" data-src="{{imgUrl}}" alt=""/> |
26 | <div class="brand-product"> | 26 | <div class="brand-product"> |
27 | <p class="{{# discount}}price-discount{{/ discount}}"> | 27 | <p class="{{# discount}}price-discount{{/ discount}}"> |
28 | - {{price}} | ||
29 | - {{# discount}}<span>{{.}}{{/ discount}}<span> | 28 | + {{# discount}}<span>{{.}}<span>{{/ discount}} |
29 | + <b>{{price}}</b> | ||
30 | </p> | 30 | </p> |
31 | </div> | 31 | </div> |
32 | <div class="swiper-lazy-preloader"></div> | 32 | <div class="swiper-lazy-preloader"></div> |
-
Please register or login to post a comment