Authored by lore-w

fix bug for 1328

@@ -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>