fe / YOHOBUYPC · Commits

Go to a project

Authored by Lynnic
Commit 4aaf16f8e27716453884f2586495e71d5d587a1b 1 parent 7229af7c

update

Inline Side-by-side
Showing 4 changed files with 257 additions and 154 deletions
@@ -6,7 +6,10 @@ @@ -6,7 +6,10 @@
6 var $ = require('jquery'), 6 var $ = require('jquery'),
7 Swiper = require('yoho.iswiper'), 7 Swiper = require('yoho.iswiper'),
8 lazyLoad = require('yoho.lazyload'), 8 lazyLoad = require('yoho.lazyload'),
9 - goodsSwiper; 9 + goodsSwiper,
  10 + sizeSwiper,
  11 + refSwiper;
  12 +
10 13
11 lazyLoad($('img.lazy')); 14 lazyLoad($('img.lazy'));
12 15
@@ -39,6 +42,14 @@ $('#nav-tab li').on('click', function() { @@ -39,6 +42,14 @@ $('#nav-tab li').on('click', function() {
39 } 42 }
40 }); 43 });
41 44
  45 +sizeSwiper = new Swiper('#size-swiper-container',{
  46 + slidesPerView: 'auto'
  47 +});
  48 +
  49 +refSwiper = new Swiper('#reference-swiper-container',{
  50 + slidesPerView: 'auto'
  51 +});
  52 +
42 // $('#iframe').load(function() { 53 // $('#iframe').load(function() {
43 // var mainheight = $(this).contents().find('body').height() + 30; 54 // var mainheight = $(this).contents().find('body').height() + 30;
44 // $(this).height(mainheight); 55 // $(this).height(mainheight);
@@ -3,9 +3,6 @@ $subFontC:#b0b0b0; @@ -3,9 +3,6 @@ $subFontC:#b0b0b0;
3 $borderC:#b0b0b0; 3 $borderC:#b0b0b0;
4 $tableCellC:#eee; 4 $tableCellC:#eee;
5 5
6 -@function px2rem($px){  
7 - @return $px*1rem/$pxConvertRem;  
8 -}  
9 6
10 .good-detail-page { 7 .good-detail-page {
11 8
@@ -15,38 +12,50 @@ $tableCellC:#eee; @@ -15,38 +12,50 @@ $tableCellC:#eee;
15 width: 100%; 12 width: 100%;
16 border-bottom: 2px solid $borderC; 13 border-bottom: 2px solid $borderC;
17 border-top: 2px solid $borderC; 14 border-top: 2px solid $borderC;
18 - padding: 0 px2rem(28); 15 + padding: 0 pxToRem(28px);
19 .title{ 16 .title{
20 - min-height: px2rem(88);  
21 - line-height: px2rem(88); 17 + min-height: pxToRem(88px);
  18 + line-height: pxToRem(88px);
22 color: $mainFontC; 19 color: $mainFontC;
23 - font:{  
24 - size : px2rem(28);  
25 - } 20 + font-size : pxToRem(28px);
26 border-bottom: 2px solid $borderC; 21 border-bottom: 2px solid $borderC;
27 22
28 span{ 23 span{
29 color:#a0a0a0; 24 color:#a0a0a0;
30 - font:{  
31 - size:px2rem(18);  
32 - } 25 + font-size:pxToRem(18px);
33 // vertical-align: baseline; 26 // vertical-align: baseline;
34 } 27 }
35 } 28 }
36 .detail{ 29 .detail{
37 - margin-top: px2rem(20);  
38 - margin-bottom: px2rem(20);  
39 - font-size: px2rem(24);  
40 - line-height: px2rem(36);  
41 - table {  
42 - width: 100%;  
43 - tbody td{ 30 + margin-top: pxToRem(20px);
  31 + margin-bottom: pxToRem(20px);
  32 + font-size: pxToRem(24px);
  33 + line-height: pxToRem(36px);
  34 +
  35 + &.table{
  36 + display: table;
  37 + width: 100%;
  38 + .row{
  39 + display: table-row;
  40 + .column{
  41 + display: table-cell;
44 padding: 0.4em 0.8em; 42 padding: 0.4em 0.8em;
45 - border:3px solid white;  
46 - font-size: px2rem(24); 43 + border:2px solid white;
  44 + font-size: pxToRem(24px);
47 background-color: $tableCellC; 45 background-color: $tableCellC;
48 - } 46 + }
  47 + }
49 } 48 }
  49 +
  50 + // table {
  51 + // width: 100%;
  52 + // tbody td{
  53 + // padding: 0.4em 0.8em;
  54 + // border:3px solid white;
  55 + // font-size: pxToRem(24px);
  56 + // background-color: $tableCellC;
  57 + // }
  58 + // }
50 } 59 }
51 } 60 }
52 .gap-block{ 61 .gap-block{
@@ -59,15 +68,15 @@ $tableCellC:#eee; @@ -59,15 +68,15 @@ $tableCellC:#eee;
59 // overflow: hidden; 68 // overflow: hidden;
60 .is-new-lable{ 69 .is-new-lable{
61 position: absolute; 70 position: absolute;
62 - left: px2rem(108);  
63 - top:px2rem(40);  
64 - height: px2rem(35);  
65 - width:px2rem(70); 71 + left: pxToRem(108px);
  72 + top:pxToRem(40px);
  73 + height: pxToRem(35px);
  74 + width:pxToRem(70px);
66 75
67 color:#fff; 76 color:#fff;
68 text-align: center; 77 text-align: center;
69 - font-size: px2rem(20);  
70 - line-height: px2rem(35); 78 + font-size: pxToRem(20px);
  79 + line-height: pxToRem(35px);
71 background-color: #7cd881; 80 background-color: #7cd881;
72 z-index: 16; 81 z-index: 16;
73 } 82 }
@@ -80,7 +89,7 @@ $tableCellC:#eee; @@ -80,7 +89,7 @@ $tableCellC:#eee;
80 89
81 .swiper-pagination{ 90 .swiper-pagination{
82 position:absolute; 91 position:absolute;
83 - bottom: px2rem(40); 92 + bottom: pxToRem(40px);
84 .swiper-pagination-bullet { 93 .swiper-pagination-bullet {
85 margin-right: 2px; 94 margin-right: 2px;
86 } 95 }
@@ -92,9 +101,9 @@ $tableCellC:#eee; @@ -92,9 +101,9 @@ $tableCellC:#eee;
92 } 101 }
93 102
94 .banner-swiper { 103 .banner-swiper {
95 - min-height: px2rem(600);  
96 - min-width: px2rem(448);  
97 - margin: px2rem(30) px2rem(96); 104 + min-height: pxToRem(600px);
  105 + min-width: pxToRem(448px);
  106 + margin: pxToRem(30px) pxToRem(96px);
98 // position: relative; 107 // position: relative;
99 overflow: hidden; 108 overflow: hidden;
100 ul { 109 ul {
@@ -109,22 +118,22 @@ $tableCellC:#eee; @@ -109,22 +118,22 @@ $tableCellC:#eee;
109 118
110 119
111 .goodsName { 120 .goodsName {
112 - min-height: px2rem(83);  
113 - font-size: px2rem(28); 121 + min-height: pxToRem(83px);
  122 + font-size: pxToRem(28px);
114 color: #fff; 123 color: #fff;
115 - padding-left: px2rem(25);  
116 - padding-right: px2rem(25);  
117 - line-height: px2rem(36); 124 + padding-left: pxToRem(25px);
  125 + padding-right: pxToRem(25px);
  126 + line-height: pxToRem(36px);
118 background-color: #515150; 127 background-color: #515150;
119 } 128 }
120 129
121 .goodsSubtitle{ 130 .goodsSubtitle{
122 - min-height: px2rem(87);  
123 - font-size: px2rem(24);  
124 - line-height: px2rem(36); 131 + min-height: pxToRem(87px);
  132 + font-size: pxToRem(24px);
  133 + line-height: pxToRem(36px);
125 color:$subFontC; 134 color:$subFontC;
126 - padding-left:px2rem(28);  
127 - padding-right:px2rem(28); 135 + padding-left:pxToRem(28px);
  136 + padding-right:pxToRem(28px);
128 border-bottom: 2px solid $borderC; 137 border-bottom: 2px solid $borderC;
129 background-color: #f4f4f4; 138 background-color: #f4f4f4;
130 } 139 }
@@ -132,32 +141,32 @@ $tableCellC:#eee; @@ -132,32 +141,32 @@ $tableCellC:#eee;
132 .price-date{ 141 .price-date{
133 // width: 100%; 142 // width: 100%;
134 color:$subFontC; 143 color:$subFontC;
135 - min-height: px2rem(88);  
136 - padding-left:px2rem(28);  
137 - padding-right:px2rem(28); 144 + min-height: pxToRem(88px);
  145 + padding-left:pxToRem(28px);
  146 + padding-right:pxToRem(28px);
138 border-bottom: 2px solid $borderC; 147 border-bottom: 2px solid $borderC;
139 } 148 }
140 .goodsPrice{ 149 .goodsPrice{
141 float: left; 150 float: left;
142 - font-size: px2rem(34.59); 151 + font-size: pxToRem(34.59px);
143 h1{ 152 h1{
144 display: inline-block; 153 display: inline-block;
145 - line-height: px2rem(88); 154 + line-height: pxToRem(88px);
146 } 155 }
147 .currentPrice{ 156 .currentPrice{
148 color:red; 157 color:red;
149 - margin-right: px2rem(10); 158 + margin-right: pxToRem(10px);
150 } 159 }
151 .previousPrice{ 160 .previousPrice{
152 text-decoration:line-through; 161 text-decoration:line-through;
153 } 162 }
154 } 163 }
155 .periodOfMarket{ 164 .periodOfMarket{
156 - font-size: px2rem(24); 165 + font-size: pxToRem(24px);
157 float: right; 166 float: right;
158 h1{ 167 h1{
159 display: inline-block; 168 display: inline-block;
160 - line-height: px2rem(88); 169 + line-height: pxToRem(88px);
161 } 170 }
162 } 171 }
163 .goodsName, 172 .goodsName,
@@ -171,10 +180,10 @@ $tableCellC:#eee; @@ -171,10 +180,10 @@ $tableCellC:#eee;
171 } 180 }
172 .vipLevel { 181 .vipLevel {
173 display: table; 182 display: table;
174 - min-height: px2rem(88);  
175 - padding-left:px2rem(28);  
176 - padding-right:px2rem(28);  
177 - font-size: px2rem(22); 183 + min-height: pxToRem(88px);
  184 + padding-left:pxToRem(28px);
  185 + padding-right:pxToRem(28px);
  186 + font-size: pxToRem(22px);
178 color: #999999; 187 color: #999999;
179 188
180 border-bottom: 2px solid $borderC; 189 border-bottom: 2px solid $borderC;
@@ -183,26 +192,26 @@ $tableCellC:#eee; @@ -183,26 +192,26 @@ $tableCellC:#eee;
183 vertical-align: middle; 192 vertical-align: middle;
184 } 193 }
185 .vip-img{ 194 .vip-img{
186 - padding-right: px2rem(22); 195 + padding-right: pxToRem(22px);
187 img{ 196 img{
188 - width: px2rem(52);  
189 - height: px2rem(32); 197 + width: pxToRem(52px);
  198 + height: pxToRem(32px);
190 } 199 }
191 } 200 }
192 .vip-price{ 201 .vip-price{
193 - padding-right: px2rem(55); 202 + padding-right: pxToRem(55px);
194 } 203 }
195 .vip-price:last-child{ 204 .vip-price:last-child{
196 padding-right: 0; 205 padding-right: 0;
197 } 206 }
198 } 207 }
199 .goodsDiscount{ 208 .goodsDiscount{
200 - min-height: px2rem(88);  
201 - padding-left:px2rem(28);  
202 - padding-right:px2rem(28);  
203 - font-size: px2rem(28); 209 + min-height: pxToRem(88px);
  210 + padding-left:pxToRem(28px);
  211 + padding-right:pxToRem(28px);
  212 + font-size: pxToRem(28px);
204 color: $mainFontC; 213 color: $mainFontC;
205 - line-height: px2rem(88); 214 + line-height: pxToRem(88px);
206 border-bottom: 2px solid $borderC; 215 border-bottom: 2px solid $borderC;
207 .iconfont{ 216 .iconfont{
208 // padding-right:28rem/$pxConvertRem; 217 // padding-right:28rem/$pxConvertRem;
@@ -214,7 +223,7 @@ $tableCellC:#eee; @@ -214,7 +223,7 @@ $tableCellC:#eee;
214 } 223 }
215 224
216 .feedback-list-page { 225 .feedback-list-page {
217 - padding-top: px2rem(30); 226 + padding-top: pxToRem(30px);
218 background-color: #f0f0f0; 227 background-color: #f0f0f0;
219 228
220 .nav-tab{ 229 .nav-tab{
@@ -222,8 +231,8 @@ $tableCellC:#eee; @@ -222,8 +231,8 @@ $tableCellC:#eee;
222 } 231 }
223 232
224 .nav-tab { 233 .nav-tab {
225 - height: px2rem(60);  
226 - padding: px2rem(10) 0; 234 + height: pxToRem(60px);
  235 + padding: pxToRem(10px) 0;
227 background-color: #fff; 236 background-color: #fff;
228 border-top: 2px solid $borderC; 237 border-top: 2px solid $borderC;
229 border-bottom: 2px solid $borderC; 238 border-bottom: 2px solid $borderC;
@@ -233,9 +242,9 @@ $tableCellC:#eee; @@ -233,9 +242,9 @@ $tableCellC:#eee;
233 box-sizing: border-box; 242 box-sizing: border-box;
234 float: left; 243 float: left;
235 width: 50%; 244 width: 50%;
236 - height: px2rem(60);  
237 - line-height: px2rem(60);  
238 - font-size: px2rem(28); 245 + height: pxToRem(60px);
  246 + line-height: pxToRem(60px);
  247 + font-size: pxToRem(28px);
239 text-align: center; 248 text-align: center;
240 color: #ccc; 249 color: #ccc;
241 250
@@ -253,20 +262,20 @@ $tableCellC:#eee; @@ -253,20 +262,20 @@ $tableCellC:#eee;
253 background-color: #fff; 262 background-color: #fff;
254 border-bottom: 2px solid $borderC; 263 border-bottom: 2px solid $borderC;
255 .user-name{ 264 .user-name{
256 - font-size: px2rem(24);  
257 - line-height: px2rem(62); 265 + font-size: pxToRem(24px);
  266 + line-height: pxToRem(62px);
258 color:$mainFontC; 267 color:$mainFontC;
259 - padding-left: px2rem(28);  
260 - padding-right: px2rem(18); 268 + padding-left: pxToRem(28px);
  269 + padding-right: pxToRem(18px);
261 } 270 }
262 .goods-spec, 271 .goods-spec,
263 .comment-time{ 272 .comment-time{
264 - font-size: px2rem(24);  
265 - line-height: px2rem(62); 273 + font-size: pxToRem(24px);
  274 + line-height: pxToRem(62px);
266 } 275 }
267 .detail-content{ 276 .detail-content{
268 - font-size: px2rem(28);  
269 - line-height: px2rem(36); 277 + font-size: pxToRem(28px);
  278 + line-height: pxToRem(36px);
270 } 279 }
271 .goods-spec, 280 .goods-spec,
272 .detail-content{ 281 .detail-content{
@@ -274,11 +283,11 @@ $tableCellC:#eee; @@ -274,11 +283,11 @@ $tableCellC:#eee;
274 } 283 }
275 .detail-content, 284 .detail-content,
276 .comment-time{ 285 .comment-time{
277 - padding-left: px2rem(28); 286 + padding-left: pxToRem(28px);
278 287
279 } 288 }
280 .detail-content{ 289 .detail-content{
281 - padding-right: px2rem(28); 290 + padding-right: pxToRem(28px);
282 291
283 } 292 }
284 .comment-time{ 293 .comment-time{
@@ -287,13 +296,13 @@ $tableCellC:#eee; @@ -287,13 +296,13 @@ $tableCellC:#eee;
287 } 296 }
288 297
289 .comment-content-footer{ 298 .comment-content-footer{
290 - min-height: px2rem(88); 299 + min-height: pxToRem(88px);
291 text-align: center; 300 text-align: center;
292 background-color: #fff; 301 background-color: #fff;
293 302
294 border-bottom: 2px solid $borderC; 303 border-bottom: 2px solid $borderC;
295 - line-height: px2rem(88);  
296 - font-size: px2rem(28); 304 + line-height: pxToRem(88px);
  305 + font-size: pxToRem(28px);
297 a{ 306 a{
298 color: #e0e0e0; 307 color: #e0e0e0;
299 .iconfont{ 308 .iconfont{
@@ -310,7 +319,7 @@ $tableCellC:#eee; @@ -310,7 +319,7 @@ $tableCellC:#eee;
310 } 319 }
311 320
312 .enter-store{ 321 .enter-store{
313 - min-height: px2rem(100); 322 + min-height: pxToRem(100px);
314 display: table; 323 display: table;
315 a{ 324 a{
316 display: table-cell; 325 display: table-cell;
@@ -321,19 +330,19 @@ $tableCellC:#eee; @@ -321,19 +330,19 @@ $tableCellC:#eee;
321 // padding-right: 35rem/$pxConvertRem; 330 // padding-right: 35rem/$pxConvertRem;
322 img{ 331 img{
323 332
324 - width: px2rem(109);  
325 - height: px2rem(68); 333 + width: pxToRem(109px);
  334 + height: pxToRem(68px);
326 335
327 margin-left: 0; 336 margin-left: 0;
328 - margin-right: px2rem(-25); 337 + margin-right: pxToRem(-25px);
329 } 338 }
330 } 339 }
331 .store-name{ 340 .store-name{
332 - font-size: px2rem(34); 341 + font-size: pxToRem(34px);
333 color:$mainFontC; 342 color:$mainFontC;
334 } 343 }
335 .store-link{ 344 .store-link{
336 - font-size:px2rem(28) ; 345 + font-size:pxToRem(28px) ;
337 color:$subFontC; 346 color:$subFontC;
338 text-align: right; 347 text-align: right;
339 span{ 348 span{
@@ -351,14 +360,14 @@ $tableCellC:#eee; @@ -351,14 +360,14 @@ $tableCellC:#eee;
351 img{ 360 img{
352 display: block; 361 display: block;
353 overflow: hidden; 362 overflow: hidden;
354 - width: px2rem(90);  
355 - height: px2rem(120);  
356 - padding-right: px2rem(20); 363 + width: pxToRem(90px);
  364 + height: pxToRem(120px);
  365 + padding-right: pxToRem(20px);
357 float: left; 366 float: left;
358 } 367 }
359 .material-desc{ 368 .material-desc{
360 // float: left; 369 // float: left;
361 - font-size: px2rem(24); 370 + font-size: pxToRem(24px);
362 } 371 }
363 } 372 }
364 } 373 }
@@ -366,9 +375,25 @@ $tableCellC:#eee; @@ -366,9 +375,25 @@ $tableCellC:#eee;
366 .product-detail{ 375 .product-detail{
367 .detail{ 376 .detail{
368 img{ 377 img{
369 - margin-top: px2rem(20);  
370 - width: px2rem(581);  
371 - height: px2rem(772); 378 + margin-top: pxToRem(20px);
  379 + width: pxToRem(581px);
  380 + height: pxToRem(772px);
  381 + }
  382 + }
  383 + }
  384 +
  385 + .detail-swiper{
  386 + .swiper-wrapper{
  387 + .swiper-slide{
  388 + width: pxToRem(114px);
  389 + div{
  390 + text-align: center;
  391 + }
  392 + div.cell{
  393 + background-color: $tableCellC;
  394 + padding:pxToRem(15px) 0;
  395 + border: 1px solid #fff;
  396 + }
372 } 397 }
373 } 398 }
374 } 399 }
  1 +
1 {{> layout/header}} 2 {{> layout/header}}
2 <div class="good-detail-page yoho-page"> 3 <div class="good-detail-page yoho-page">
3 4
@@ -125,27 +126,23 @@ @@ -125,27 +126,23 @@
125 <span class="en-title">{{enTitle}}</span> 126 <span class="en-title">{{enTitle}}</span>
126 </h1> 127 </h1>
127 {{#detail}} 128 {{#detail}}
128 - <div class="detail">  
129 - <table>  
130 - <tbody>  
131 - <tr>  
132 - <td>编号：{{nubmer}}</td>  
133 - <td>帽型：{{hatType}}</td>  
134 - </tr>  
135 - <tr>  
136 - <td>颜色：{{color}}</td>  
137 - <td>帽檐：{{bongrace}}</td>  
138 - </tr>  
139 - <tr>  
140 - <td>类型：{{type}}</td>  
141 - <td>细节：{{goodsDetail}}</td>  
142 - </tr>  
143 - <tr>  
144 - <td>性别：{{gender}}</td>  
145 - <td>风格：{{style}}</td>  
146 - </tr>  
147 - </tbody>  
148 - </table> 129 + <div class="detail table">
  130 + <div class="row">
  131 + <div class="column">编号：{{nubmer}}</div>
  132 + <div class="column">帽型：{{hatType}}</div>
  133 + </div>
  134 + <div class="row">
  135 + <div class="column">颜色：{{color}}</div>
  136 + <div class="column">帽檐：{{bongrace}}</div>
  137 + </div>
  138 + <div class="row">
  139 + <div class="column">类型：{{type}}</div>
  140 + <div class="column">细节：{{goodsDetail}}</div>
  141 + </div>
  142 + <div class="row">
  143 + <div class="column">性别：{{gender}}</div>
  144 + <div class="column">风格：{{style}}</div>
  145 + </div>
149 </div> 146 </div>
150 {{/detail}} 147 {{/detail}}
151 </div> 148 </div>
@@ -153,15 +150,29 @@ @@ -153,15 +150,29 @@
153 150
154 <div class="gap-block"></div> 151 <div class="gap-block"></div>
155 152
  153 + {{#sizeInfo}}
156 <div class="size-info page-block"> 154 <div class="size-info page-block">
157 <h1 class="title"> 155 <h1 class="title">
158 - 尺码信息  
159 - <span class="en-title">SIZE INFO</span> 156 + {{title}}
  157 + <span class="en-title">{{enTitle}}</span>
160 </h1> 158 </h1>
  159 + {{#detail}}
161 <div class="detail"> 160 <div class="detail">
162 -  
163 - </div> 161 + <div class="swiper-container detail-swiper" id="size-swiper-container">
  162 + <div class="swiper-wrapper">
  163 + {{#list}}
  164 + <div class="swiper-slide blue-slide" >
  165 + <div class="size-name cell">{{name}}</div>
  166 + <div class="size-m cell">{{sizem}}</div>
  167 + <div class="size-xl cell">{{sizexl}}</div>
  168 + </div>
  169 + {{/list}}
  170 + </div>
  171 + </div>
  172 + </div>
  173 + {{/detail}}
164 </div> 174 </div>
  175 + {{/sizeInfo}}
165 176
166 <div class="gap-block"></div> 177 <div class="gap-block"></div>
167 178
@@ -176,6 +187,32 @@ @@ -176,6 +187,32 @@
176 </div> 187 </div>
177 188
178 <div class="gap-block"></div> 189 <div class="gap-block"></div>
  190 +
  191 + {{#reference}}
  192 + <div class="size-info page-block">
  193 + <h1 class="title">
  194 + {{title}}
  195 + <span class="en-title">{{enTitle}}</span>
  196 + </h1>
  197 + {{#detail}}
  198 + <div class="detail">
  199 + <div class="swiper-container" id="reference-swiper-container">
  200 + <div class="swiper-wrapper">
  201 + {{#list}}
  202 + <div class="swiper-slide blue-slide" >
  203 + <div class="model-name cell">{{name}}</div>
  204 + <div class="first-model cell">{{firstModel}}</div>
  205 + <div class="second-model cell">{{secondModel}}</div>
  206 + </div>
  207 + {{/list}}
  208 + </div>
  209 + </div>
  210 + </div>
  211 + {{/detail}}
  212 + </div>
  213 + {{/reference}}
  214 +
  215 + <div class="gap-block"></div>
179 216
180 {{#materials}} 217 {{#materials}}
181 <div class="materials page-block"> 218 <div class="materials page-block">
@@ -110,20 +110,36 @@ SHOE BQT KEN BLOCK', @@ -110,20 +110,36 @@ SHOE BQT KEN BLOCK',
110 'detail' =>array( 110 'detail' =>array(
111 'list'=>array( 111 'list'=>array(
112 array( 112 array(
113 - 'size'=>'M',  
114 - 'shoulderWidth'=>'43',  
115 - 'bodyLength'=>'102',  
116 - 'sleevesLength'=>'65',  
117 - 'chestMeasurement'=>'90'  
118 - ), 113 + 'name'=>'尺寸',
  114 + 'sizem'=>'m',
  115 + 'sizexl' =>'XL'
  116 + ),
119 array( 117 array(
120 - 'size'=>'XL',  
121 - 'shoulderWidth'=>'46',  
122 - 'bodyLength'=>'106',  
123 - 'sleevesLength'=>'69',  
124 - 'chestMeasurement'=>'96'  
125 - )  
126 - ) 118 + 'name'=>'肩宽',
  119 + 'sizem'=>'43',
  120 + 'sizexl' =>'46'
  121 + ),
  122 + array(
  123 + 'name'=>'衣长',
  124 + 'sizem'=>'102',
  125 + 'sizexl' =>'106'
  126 + ),
  127 + array(
  128 + 'name'=>'肩宽',
  129 + 'sizem'=>'90',
  130 + 'sizexl' =>'96'
  131 + ),
  132 + array(
  133 + 'name'=>'胸围',
  134 + 'sizem'=>'90',
  135 + 'sizexl' =>'96'
  136 + ),
  137 + array(
  138 + 'name'=>'xx',
  139 + 'sizem'=>'xx',
  140 + 'sizexl' =>'xx'
  141 + )
  142 + )
127 ) 143 )
128 ), 144 ),
129 145
@@ -143,26 +159,40 @@ SHOE BQT KEN BLOCK', @@ -143,26 +159,40 @@ SHOE BQT KEN BLOCK',
143 'title' => '模特试穿', 159 'title' => '模特试穿',
144 'enTitle' =>'REFERENCE', 160 'enTitle' =>'REFERENCE',
145 161
146 - 'detail'=>array(  
147 - 'list' => array(  
148 - array(  
149 - 'avatar' =>'',  
150 - 'name' =>'Oliver',  
151 - 'height' => '170',  
152 - 'weight' =>'55',  
153 - 'BWH' =>'78/70/87',  
154 - 'size' =>'S'  
155 - ),  
156 - array(  
157 - 'avatar' =>'',  
158 - 'name' =>'Jvly',  
159 - 'height' => '170',  
160 - 'weight' =>'59',  
161 - 'BWH' =>'78/70/87',  
162 - 'size' =>'L'  
163 - )  
164 - )  
165 - ) 162 + 'detail' =>array(
  163 + 'list'=>array(
  164 + array(
  165 + 'name'=>'头像',
  166 + 'firstModel'=>'',
  167 + 'secondModel' =>''
  168 + ),
  169 + array(
  170 + 'name'=>'模特',
  171 + 'firstModel'=>'Oliver',
  172 + 'secondModel' =>'Jvly'
  173 + ),
  174 + array(
  175 + 'name'=>'身高',
  176 + 'firstModel'=>'175',
  177 + 'secondModel' =>'170'
  178 + ),
  179 + array(
  180 + 'name'=>'体重',
  181 + 'firstModel'=>'53',
  182 + 'secondModel' =>'59'
  183 + ),
  184 + array(
  185 + 'name'=>'三围',
  186 + 'firstModel'=>'78/70/87',
  187 + 'secondModel' =>'78/70/87'
  188 + ),
  189 + array(
  190 + 'name'=>'吊牌尺',
  191 + 'firstModel'=>'S',
  192 + 'secondModel' =>'L'
  193 + )
  194 + )
  195 + )
166 ), 196 ),
167 197
168 'materials' => array( 198 'materials' => array(