chenchao / YOHOBUYPC · Commits

Go to a project

Authored by biao
Commit cf3a57067730c482e562a6f0535126fc938e53d1 1 parent 7d92b860

update to fix the detail description style issue

Inline Side-by-side
Showing 2 changed files with 37 additions and 17 deletions
... ... @@ -48,18 +48,34 @@
// width: 100%;
// border-bottom:1px solid $borderC;
img {
position:absolute;
top:0;
bottom:0;
left:0;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
width: pxToRem(90px);
//width: pxToRem(90px);
height: auto;
padding-right: pxToRem(20px);
}
.material-image {
display: inline-block;
width: 23%;
min-height: pxToRem(136px);
float: left;
//background-size: 100%;
background-position-x: center;
background-repeat: no-repeat;
}
.material-desc {
padding-left:pxToRem(120px);
//padding-left:pxToRem(120px);
font-size: pxToRem(24px);
text-align: left;
display: inline-block;
width: 75%;
padding-left: 2%;
height: auto;
line-height: pxToRem(40px);
color: #4b4b4b;
}
&:last-child{
border-bottom: none;
... ... @@ -68,13 +84,13 @@
}
}
.wash-tips{
padding-top:pxToRem(18px);
padding-top:pxToRem(18px);
&.page-block{
// border-top: 0px;
padding-left: pxToRem(15px);
padding-right: pxToRem(15px);
}
// padding-bottom:pxToRem(18px);
// padding-bottom:pxToRem(18px);
.tip{
display: inline-block;
width: 16.6%;
... ... @@ -83,7 +99,7 @@
img{
width: pxToRem(48px);
height: pxToRem(48px);
margin-bottom: pxToRem(10px);
margin-bottom: pxToRem(10px);
}
.caption{
display: block;
... ... @@ -93,7 +109,7 @@
margin-bottom: pxToRem(18px);
}
}
}
.product-detail {
.detail {
... ... @@ -150,4 +166,4 @@
}
}
}
}
\ No newline at end of file
}
... ...
... ... @@ -69,10 +69,10 @@
{{#list}}
{{#if @first}}
<div class="swiper-slide first-group" >
{{#params}}
{{#params}}
{{#if @first}}
{{else}}
<img class="avatar lazy" data-original="{{param}}" alt="">
{{else}}
<img class="avatar lazy" data-original="{{param}}" alt="">
{{/if}}
{{/params}}
</div>
... ... @@ -101,10 +101,14 @@
<div class="detail">
{{#list}}
<div class="material-item">
<img class="lazy" data-original="{{img}}" alt="">
<!-- <img class="lazy" data-original="{{img}}" alt="">
<p class="material-desc">
{{desc}}
</p>
</p>-->
<div class="material-image" style="background-image:url({{img}})"></div>
<div class="material-desc">
{{desc}}
</div>
</div>
{{/list}}
</div>
... ... @@ -137,4 +141,4 @@
{{/list}}
</div>
</div>
{{/productDetail}}
\ No newline at end of file
{{/productDetail}}
... ...