fe / YOHO-ACTIVITY-PHP · Commits

Go to a project

Authored by lore-w
Commit 22d6611def0ade74e3f3244296133c006fec9ed4 1 parent f1a9a9c0

fix bug for 1328

Inline Side-by-side
Showing 2 changed files with 40 additions and 8 deletions
... ... @@ -189,10 +189,23 @@
}
//品牌收藏
.fav-brand-swiper {
border-bottom: 1px solid #ccc;
border-top: 1px solid #e0e0e0;
border-bottom: pxToRem(28px) solid #f0f0f0;
position: relative;
&.none-border-bottom {
border-bottom: none;
&:nth-of-type(1) {
border-top: 0;
}
&:after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
border-top: 1px solid #e0e0e0;
display: block;
width: 100%;
height: 1px;
}
.swiper-header {
... ... @@ -268,7 +281,7 @@
}
}
.swiper-container {
height: pxToRem(300px);
height: pxToRem(365px);
margin: 0 pxToRem(30px);
.swiper-slide {
... ... @@ -285,9 +298,28 @@
img {
display: block;
width: 100%;
height: 100%;
height: pxToRem(300px);
overflow: hidden;
}
.brand-product {
height: pxToRem(65px);
line-height: pxToRem(65px);
text-align: center;
font-size: pxToRem(22px);
color: #fff;
.price-discount {
span {
color: #d1021c
}
b {
color: #b0b0b0;
text-decoration: line-through;
font-weight: normal;
margin-left: pxToRem(13px);
}
}
}
}
}
}
... ...
{{# hasFavBrand}}
<div class="fav-brand-swiper {{#if productList}}none-border-bottom{{/if}}">
<div class="fav-brand-swiper">
<div class="swiper-header">
<div class="swiper-logo">
<img src="{{brandImg}}" alt=""/>
... ... @@ -25,8 +25,8 @@
<img class="swiper-lazy" data-src="{{imgUrl}}" alt=""/>
<div class="brand-product">
<p class="{{# discount}}price-discount{{/ discount}}">
{{price}}
{{# discount}}<span>{{.}}{{/ discount}}<span>
{{# discount}}<span>{{.}}<span>{{/ discount}}
<b>{{price}}</b>
</p>
</div>
<div class="swiper-lazy-preloader"></div>
... ...