fe / YOHOBUYPC · Commits

Go to a project

Authored by Lynnic
Commit 91b9ef891f17920357b977eb1741a2c04d2724f4 1 parent 890ddf76

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

Inline Side-by-side
Showing 3 changed files with 18 additions and 7 deletions
@@ -1186,9 +1186,15 @@ @@ -1186,9 +1186,15 @@
1186 'materials' : { 1186 'materials' : {
1187 'title' : '商品材质', 1187 'title' : '商品材质',
1188 'enTitle' : '', 1188 'enTitle' : '',
  1189 + list:[
  1190 + {
1189 'img' : '', 1191 'img' : '',
1190 'desc' : '用各种洗涤剂',//remark 1192 'desc' : '用各种洗涤剂',//remark
  1193 + }
  1194 + ...
  1195 + ]
1191 }, 1196 },
  1197 +
1192 'washTips' : { 1198 'washTips' : {
1193 'list' : [ 1199 'list' : [
1194 { 1200 {
@@ -18,6 +18,10 @@ @@ -18,6 +18,10 @@
18 } 18 }
19 .materials { 19 .materials {
20 .detail { 20 .detail {
  21 + .material-item{
  22 + margin: pxToRem(10px) 0;
  23 + // width: 100%;
  24 + border-bottom:1px solid $borderC;
21 img { 25 img {
22 display: block; 26 display: block;
23 overflow: hidden; 27 overflow: hidden;
@@ -31,6 +35,7 @@ @@ -31,6 +35,7 @@
31 overflow: hidden; 35 overflow: hidden;
32 } 36 }
33 } 37 }
  38 + }
34 .material-type { 39 .material-type {
35 width: pxToRem(581px); 40 width: pxToRem(581px);
36 height: pxToRem(99px); 41 height: pxToRem(99px);
@@ -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">
  104 + {{#list}}
  105 + <div class="material-item">
109 <img class="lazy" data-original="{{img}}" alt=""> 106 <img class="lazy" data-original="{{img}}" alt="">
110 <p class="material-desc"> 107 <p class="material-desc">
111 {{desc}} 108 {{desc}}
112 </p> 109 </p>
113 </div> 110 </div>
114 - <img class="lazy material-type" data-original="{{materialType}}" alt="" > 111 + {{/list}}
  112 + </div>
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">