Authored by Lynnic

修改商品材质数据结构、页面结构、样式

... ... @@ -1186,9 +1186,15 @@
'materials' : {
'title' : '商品材质',
'enTitle' : '',
list:[
{
'img' : '',
'desc' : '用各种洗涤剂',//remark
}
...
]
},
'washTips' : {
'list' : [
{
... ...
... ... @@ -18,6 +18,10 @@
}
.materials {
.detail {
.material-item{
margin: pxToRem(10px) 0;
// width: 100%;
border-bottom:1px solid $borderC;
img {
display: block;
overflow: hidden;
... ... @@ -31,6 +35,7 @@
overflow: hidden;
}
}
}
.material-type {
width: pxToRem(581px);
height: pxToRem(99px);
... ...
... ... @@ -74,12 +74,7 @@
{{#list}}
{{#if @first}}
<div class="swiper-slide first-group" >
<!-- {{#params}}
{{#if @first}
{{else}}
<img class="lazy avatar" data-original="{{param}}" alt="">
{{/if}}
{{/params}} -->
</div>
{{else}}
<div class="swiper-slide" >
... ... @@ -106,15 +101,20 @@
<span class="en-title">{{enTitle}}</span>
</h1>
<div class="detail">
{{#list}}
<div class="material-item">
<img class="lazy" data-original="{{img}}" alt="">
<p class="material-desc">
{{desc}}
</p>
</div>
<img class="lazy material-type" data-original="{{materialType}}" alt="" >
{{/list}}
</div>
</div>
{{/materials}}
{{#washTips}}
<div class="icons-wrapper washTips page-block">
<ul class="icons-list clearfix">
... ...