wangshusheng / YOHOBUYPC · Commits

Go to a project

Authored by Lynnic
Commit 91b9ef891f17920357b977eb1741a2c04d2724f4 1 parent 890ddf76

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

Inline Side-by-side
Showing 3 changed files with 35 additions and 24 deletions
@@ -1186,9 +1186,15 @@ @@ -1186,9 +1186,15 @@
1186 'materials' : { 1186 'materials' : {
1187 'title' : '商品材质', 1187 'title' : '商品材质',
1188 'enTitle' : '', 1188 'enTitle' : '',
1189 - 'img' : '',  
1190 - 'desc' : '用各种洗涤剂',//remark 1189 + list:[
  1190 + {
  1191 + 'img' : '',
  1192 + 'desc' : '用各种洗涤剂',//remark
  1193 + }
  1194 + ...
  1195 + ]
1191 }, 1196 },
  1197 +
1192 'washTips' : { 1198 'washTips' : {
1193 'list' : [ 1199 'list' : [
1194 { 1200 {
@@ -18,17 +18,22 @@ @@ -18,17 +18,22 @@
18 } 18 }
19 .materials { 19 .materials {
20 .detail { 20 .detail {
21 - img {  
22 - display: block;  
23 - overflow: hidden;  
24 - width: pxToRem(90px);  
25 - height: pxToRem(120px);  
26 - padding-right: pxToRem(20px);  
27 - float: left;  
28 - }  
29 - .material-desc {  
30 - font-size: pxToRem(24px);  
31 - overflow: hidden; 21 + .material-item{
  22 + margin: pxToRem(10px) 0;
  23 + // width: 100%;
  24 + border-bottom:1px solid $borderC;
  25 + img {
  26 + display: block;
  27 + overflow: hidden;
  28 + width: pxToRem(90px);
  29 + height: pxToRem(120px);
  30 + padding-right: pxToRem(20px);
  31 + float: left;
  32 + }
  33 + .material-desc {
  34 + font-size: pxToRem(24px);
  35 + overflow: hidden;
  36 + }
32 } 37 }
33 } 38 }
34 .material-type { 39 .material-type {
@@ -74,12 +74,7 @@ @@ -74,12 +74,7 @@
74 {{#list}} 74 {{#list}}
75 {{#if @first}} 75 {{#if @first}}
76 <div class="swiper-slide first-group" > 76 <div class="swiper-slide first-group" >
77 - <!-- {{#params}}  
78 - {{#if @first}  
79 - {{else}}  
80 - <img class="lazy avatar" data-original="{{param}}" alt="">  
81 - {{/if}}  
82 - {{/params}} --> 77 +
83 </div> 78 </div>
84 {{else}} 79 {{else}}
85 <div class="swiper-slide" > 80 <div class="swiper-slide" >
@@ -106,15 +101,20 @@ @@ -106,15 +101,20 @@
106 <span class="en-title">{{enTitle}}</span> 101 <span class="en-title">{{enTitle}}</span>
107 </h1> 102 </h1>
108 <div class="detail"> 103 <div class="detail">
109 - <img class="lazy" data-original="{{img}}" alt="">  
110 - <p class="material-desc">  
111 - {{desc}}  
112 - </p> 104 + {{#list}}
  105 + <div class="material-item">
  106 + <img class="lazy" data-original="{{img}}" alt="">
  107 + <p class="material-desc">
  108 + {{desc}}
  109 + </p>
  110 + </div>
  111 + {{/list}}
113 </div> 112 </div>
114 - <img class="lazy material-type" data-original="{{materialType}}" alt="" >  
115 </div> 113 </div>
116 {{/materials}} 114 {{/materials}}
117 115
  116 +
  117 +
118 {{#washTips}} 118 {{#washTips}}
119 <div class="icons-wrapper washTips page-block"> 119 <div class="icons-wrapper washTips page-block">
120 <ul class="icons-list clearfix"> 120 <ul class="icons-list clearfix">