Showing
10 changed files
with
584 additions
and
2 deletions
@@ -239,6 +239,213 @@ | @@ -239,6 +239,213 @@ | ||
239 | {{/ material}} | 239 | {{/ material}} |
240 | </div> | 240 | </div> |
241 | </div> | 241 | </div> |
242 | + <div class="size-info info-block"> | ||
243 | + <p class="block-title"> | ||
244 | + <span class="title cur">尺码信息 SIZE INFO</span> | ||
245 | + </p> | ||
246 | + {{# size}} | ||
247 | + <table class="size-table"> | ||
248 | + <thead> | ||
249 | + <tr> | ||
250 | + {{# thead}} | ||
251 | + <th width="{{width}}">{{name}}</th> | ||
252 | + {{/ thead}} | ||
253 | + </tr> | ||
254 | + </thead> | ||
255 | + <tbody> | ||
256 | + {{# tbody}} | ||
257 | + <tr> | ||
258 | + {{#each .}} | ||
259 | + <td>{{.}}</td> | ||
260 | + {{/each}} | ||
261 | + </tr> | ||
262 | + {{/ tbody}} | ||
263 | + </tbody> | ||
264 | + </table> | ||
265 | + <p class="size-tip"> | ||
266 | + ※ 以上尺寸为实物人工测量,因测量方式不同会有1-2CM误差,相关数据仅作参考,以收到实物为准。 单位:CM | ||
267 | + </p> | ||
268 | + <p class="size-tip"> | ||
269 | + ※ 参考尺码因衣服版型、剪裁不同会有误差,仅供参考 | ||
270 | + </p> | ||
271 | + {{#if sizeImg}} | ||
272 | + <img class="size-img" src="{{sizeImg}}"> | ||
273 | + {{/if}} | ||
274 | + {{/ size}} | ||
275 | + </div> | ||
276 | + | ||
277 | + {{#if reference}} | ||
278 | + <div class="reference info-block"> | ||
279 | + <p class="block-title"> | ||
280 | + <span class="title cur">模特试穿 REFERENCE</span> | ||
281 | + </p> | ||
282 | + {{# reference}} | ||
283 | + <table class="reference-table"> | ||
284 | + <thead> | ||
285 | + <tr> | ||
286 | + {{# thead}} | ||
287 | + <th width="{{width}}">{{name}}</th> | ||
288 | + {{/ thead}} | ||
289 | + </tr> | ||
290 | + </thead> | ||
291 | + <tbody> | ||
292 | + {{# tbody}} | ||
293 | + <tr> | ||
294 | + {{#each .}} | ||
295 | + <td> | ||
296 | + {{#if @first}} | ||
297 | + <img class="avatar" src="{{.}}"> | ||
298 | + {{^}} | ||
299 | + {{.}} | ||
300 | + {{/if}} | ||
301 | + </td> | ||
302 | + {{/each}} | ||
303 | + </tr> | ||
304 | + {{/ tbody}} | ||
305 | + </tbody> | ||
306 | + </table> | ||
307 | + {{/ reference}} | ||
308 | + <p class="size-tip"> | ||
309 | + ※ 模特试穿中身高单位:CM,体重单位:KG,三围单位:CM | ||
310 | + </p> | ||
311 | + </div> | ||
312 | + {{/if}} | ||
313 | + | ||
314 | + <div class="details info-block"> | ||
315 | + <p class="block-title"> | ||
316 | + <span class="title cur">商品详情 DETAILS</span> | ||
317 | + </p> | ||
318 | + <div class="details-html"> | ||
319 | + {{{details}}} | ||
320 | + </div> | ||
321 | + </div> | ||
322 | + | ||
323 | + {{# consultComment}} | ||
324 | + <div class="consult-comment info-block"> | ||
325 | + <p class="block-title"> | ||
326 | + <span class="title">顾客咨询({{consultNum}})</span> | ||
327 | + <span class="sep">|</span> | ||
328 | + <span class="title cur">购买评价({{commentNum}})</span> | ||
329 | + </p> | ||
330 | + <div class="comments content"> | ||
331 | + <h2>购买评价({{commentNum}})</h2> | ||
332 | + <ul id="comments-ul"> | ||
333 | + {{# comments}} | ||
334 | + <li> | ||
335 | + <div class="user-info clearfix"> | ||
336 | + <img class="user-avatar pull-left" src="{{avatar}}"> | ||
337 | + <p> | ||
338 | + <span class="name">{{userName}} </span> | ||
339 | + 购买了{{color}}/{{size}} | ||
340 | + <br> | ||
341 | + <span class="date">{{date}}</span> | ||
342 | + </p> | ||
343 | + </div> | ||
344 | + <p class="comment">{{comment}}</p> | ||
345 | + </li> | ||
346 | + {{/ comments}} | ||
347 | + </ul> | ||
348 | + <p class="more-wrap"> | ||
349 | + <span id="load-more-comments" class="load-more"> | ||
350 | + 加载更多 | ||
351 | + <i class="iconfont"></i> | ||
352 | + </span> | ||
353 | + </p> | ||
354 | + <p class="btn-wrap"> | ||
355 | + <span id="comment-btn" class="btn"> | ||
356 | + <i class="iconfont"></i> | ||
357 | + 我要评论 | ||
358 | + </span> | ||
359 | + </p> | ||
360 | + </div> | ||
361 | + | ||
362 | + <div class="consults content hide"> | ||
363 | + <h2>顾客咨询({{consultNum}})</h2> | ||
364 | + <ul id="consult-ul"> | ||
365 | + {{# consults}} | ||
366 | + <li> | ||
367 | + <div class="user-info clearfix"> | ||
368 | + <img class="user-avatar" src="{{avatar}}"> | ||
369 | + <p> | ||
370 | + <span class="question">{{question}}</span> | ||
371 | + <br> | ||
372 | + <span class="date">{{date}}</span> | ||
373 | + </p> | ||
374 | + </div> | ||
375 | + <p class="consult">{{answer}}</p> | ||
376 | + </li> | ||
377 | + {{/ consults}} | ||
378 | + </ul> | ||
379 | + <p class="more-wrap"> | ||
380 | + <span id="load-more-consults" class="load-more"> | ||
381 | + 加载更多 | ||
382 | + <i class="iconfont"></i> | ||
383 | + </span> | ||
384 | + </p> | ||
385 | + <p class="btn-wrap"> | ||
386 | + <span id="consults-btn" class="btn"> | ||
387 | + <i class="iconfont"></i> | ||
388 | + 我要咨询 | ||
389 | + </span> | ||
390 | + </p> | ||
391 | + </div> | ||
392 | + </div> | ||
393 | + {{/ consultComment}} | ||
394 | + | ||
395 | + <div class="after-service"> | ||
396 | + <p id="after-service-switch" class="after-service-switch"> | ||
397 | + <span class="iconfont"></span> | ||
398 | + 售后服务 | ||
399 | + <span class="iconfont triangle"></span> | ||
400 | + </p> | ||
401 | + <div class="after-service-content info-block"> | ||
402 | + <div class="block-title"> | ||
403 | + <span class="title cur">售后服务 AFTER SERVICE</span> | ||
404 | + </div> | ||
405 | + <div class="img-1"></div> | ||
406 | + <div class="img-2"></div> | ||
407 | + <div class="text"> | ||
408 | + <h4>退换货承诺</h4> | ||
409 | + <p>自您签收商品7日内可以退货,15日内可以换货,在商品不影响二次销售的情况下,YOHO!有货将为您办理退换货服务,请在网站提交"退换货"申请。需要说明的是:非质量问题的退换货,来回运费由您承担。</p> | ||
410 | + <h4>退换货方式</h4> | ||
411 | + <p> | ||
412 | + 针对国内大中型城市,YOHO!有货开通了<span class="orange">"上门换货"</span>服务,上门服务区域及费用请联系客服中心;若您所在的区域不在上门换货范围内,请您选择普通快递将商品、内包装、赠品及发货单等一并寄回。质量问题的退换货,目前不支持运费到付款业务,请您先垫付运费寄回。如需退换货,请致电客服电话:400-889-9646。 | ||
413 | + </p> | ||
414 | + <h4>退换货邮寄地址</h4> | ||
415 | + <p> | ||
416 | + 南京市江宁区江宁经济技术开发区苏源大道87号YOHO!有货物流中心东一楼 收件人:YOHO!有货 邮编:211106 | ||
417 | + <br> | ||
418 | + YOHO!有货客服热线:400-889-9646 客服邮箱:<a href="mailto:service@yoho.cn">service@yoho.cn</a> | ||
419 | + <br> | ||
420 | + 有疑问请联系我们,我们将为您提供最优质的产品和服务。 | ||
421 | + </p> | ||
422 | + </div> | ||
423 | + </div> | ||
424 | + </div> | ||
425 | + | ||
426 | + <div class="service"></div> | ||
427 | + | ||
428 | + <div class="info-block"> | ||
429 | + <p class="block-title"> | ||
430 | + <span class="title cur">最近浏览 RECENT REVIEW</span> | ||
431 | + </p> | ||
432 | + <ul class="recent-view clearfix"> | ||
433 | + {{# recentView}} | ||
434 | + <li> | ||
435 | + <a href="{{url}}"> | ||
436 | + <img src="{{img}}"> | ||
437 | + </a> | ||
438 | + <a class="name" href="{{url}}">{{name}}</a> | ||
439 | + <p class="price"> | ||
440 | + <span class="market-price {{#if salePrice}}has-sale{{/if}}">¥{{marketPrice}}</span> | ||
441 | + {{#if salePrice}} | ||
442 | + <span class="sale-price">¥{{salePrice}}</span> | ||
443 | + {{/if}} | ||
444 | + </p> | ||
445 | + </li> | ||
446 | + {{/ recentView}} | ||
447 | + </ul> | ||
448 | + </div> | ||
242 | </div> | 449 | </div> |
243 | </div> | 450 | </div> |
244 | {{/ detail}} | 451 | {{/ detail}} |
No preview for this file type
@@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > | 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > |
3 | <svg xmlns="http://www.w3.org/2000/svg"> | 3 | <svg xmlns="http://www.w3.org/2000/svg"> |
4 | <metadata> | 4 | <metadata> |
5 | -Created by FontForge 20120731 at Thu Dec 17 18:03:02 2015 | 5 | +Created by FontForge 20120731 at Mon Dec 21 21:30:54 2015 |
6 | By Ads | 6 | By Ads |
7 | </metadata> | 7 | </metadata> |
8 | <defs> | 8 | <defs> |
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Thu Dec 17 18:03:02 2015 | @@ -19,7 +19,7 @@ Created by FontForge 20120731 at Thu Dec 17 18:03:02 2015 | ||
19 | bbox="0 -214 1172.1 864" | 19 | bbox="0 -214 1172.1 864" |
20 | underline-thickness="50" | 20 | underline-thickness="50" |
21 | underline-position="-100" | 21 | underline-position="-100" |
22 | - unicode-range="U+0078-E629" | 22 | + unicode-range="U+0078-E62B" |
23 | /> | 23 | /> |
24 | <missing-glyph horiz-adv-x="374" | 24 | <missing-glyph horiz-adv-x="374" |
25 | d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" /> | 25 | d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" /> |
@@ -140,5 +140,15 @@ q-7 18 -29 18h-127q-13 0 -22 -8t-9 -20q0 -4 1 -7t2.5 -6t3.5 -5.5t4.5 -4.5t5.5 -3 | @@ -140,5 +140,15 @@ q-7 18 -29 18h-127q-13 0 -22 -8t-9 -20q0 -4 1 -7t2.5 -6t3.5 -5.5t4.5 -4.5t5.5 -3 | ||
140 | t11 23l23 216q1 8 -2 15.5t-10 12.5t-15 6z" /> | 140 | t11 23l23 216q1 8 -2 15.5t-10 12.5t-15 6z" /> |
141 | <glyph glyph-name="uniE629" unicode="" | 141 | <glyph glyph-name="uniE629" unicode="" |
142 | d="M154 686v-646h146l-14 -208l240 208h344v646h-716zM752 176h-134v159h-192v-159h-134v382h134v-148h192v148h134v-382z" /> | 142 | d="M154 686v-646h146l-14 -208l240 208h344v646h-716zM752 176h-134v159h-192v-159h-134v382h134v-148h192v148h134v-382z" /> |
143 | + <glyph glyph-name="uniE62A" unicode="" | ||
144 | +d="M328 -66q-3 0 -5.5 0.5t-5.5 2.5q-14 6 -14 22v128h-193q-10 0 -17.5 7t-7.5 18v549q0 10 7.5 17.5t17.5 7.5h804q7 0 13 -3.5t9 -9t3 -12.5v-549q0 -11 -7 -18t-18 -7h-401l-169 -146q-7 -7 -16 -7zM171 172h188q10 0 17.5 -7.5t7.5 -17.5v-73l103 92q7 6 17 6h350v426 | ||
145 | +h-683v-426zM739 485h-454q-5 0 -9.5 2t-8 5t-5.5 8t-2 10q0 10 7.5 17.5t17.5 7.5h454q3 0 5.5 -0.5t4.5 -1.5t4 -2.5t3.5 -3t3 -3.5t2.5 -4.5t1.5 -5t0.5 -4.5q0 -11 -7 -18t-18 -7zM739 362h-454q-4 0 -8 1t-7 3.5t-5.5 5.5t-3.5 7t-1 8t1 8t3.5 7t5.5 5t7 3.5t8 1.5h454 | ||
146 | +q10 0 17.5 -7.5t7.5 -18t-7 -17.5t-18 -7zM549 239h-264q-10 0 -17.5 7t-7.5 17.5t7.5 18t17.5 7.5h264q10 0 17.5 -7.5t7.5 -17.5q0 -7 -3.5 -12.5t-9 -9t-12.5 -3.5z" /> | ||
147 | + <glyph glyph-name="uniE62B" unicode="" | ||
148 | +d="M511 -144q-73 0 -141 22.5t-123 64t-96.5 96.5t-64 123t-22.5 141q0 60 16 118t45 107t70 90t90 70t107 45t119 16q90 0 173 -35.5t142.5 -95.5t95 -142.5t35.5 -172.5q0 -46 -9 -90.5t-26 -84t-41.5 -75.5t-54.5 -66t-66 -54.5t-75.5 -41.5t-84 -26t-89.5 -9zM511 703 | ||
149 | +q-82 0 -156 -32t-127.5 -85.5t-85.5 -127.5t-32 -155q0 -109 54 -201.5t146 -146t200.5 -53.5t201 53.5t146 146t53.5 201.5q0 165 -117.5 282.5t-282.5 117.5zM465 164v29q0 9 1 17.5t2 15.5l2 10q1 5 3 9.5t4 8.5q1 2 2 4.5t2 4.5t2.5 4t2.5 4t2.5 4.5t3.5 4.5 | ||
150 | +q10 12 24 26l35 33q15 13 25.5 29.5t10.5 39.5q0 15 -5 27.5t-14 23.5q-5 5 -10.5 8.5t-12.5 6.5t-14.5 4t-16.5 1q-18 0 -32 -6q-5 -3 -9 -5.5t-8 -5.5t-8 -7q-1 -2 -2.5 -3.5t-3 -3.5t-2.5 -3.5t-2 -3.5l-2 -4l-2 -4l-2 -4q-1 -5 -2.5 -10t-2.5 -10t-1 -10l-95 8 | ||
151 | +q5 37 20 66t39 49q12 10 25.5 18t29.5 13q31 10 66 10q33 0 63 -9.5t53 -28.5q6 -5 11 -10t9.5 -11t8 -12.5t7.5 -13.5q13 -27 13 -64q0 -12 -1.5 -23t-3.5 -20q-2 -4 -3 -7.5t-3 -7.5l-2 -6q-2 -4 -4 -7l-4 -6q-10 -16 -24 -30q-5 -5 -10 -9.5t-11 -10t-11 -10.5 | ||
152 | +q-16 -13 -25.5 -23t-15.5 -20t-8 -22q-1 -5 -1.5 -12.5t-0.5 -15.5v-20h-92zM450 56q0 25 18 43t44 18q24 0 43 -17q18 -18 19 -42q0 -13 -5 -23.5t-14 -19.5q-18 -17 -43 -17q-12 0 -23.5 4.5t-20.5 12.5q-8 7 -13 18t-5 23z" /> | ||
143 | </font> | 153 | </font> |
144 | </defs></svg> | 154 | </defs></svg> |
No preview for this file type
No preview for this file type
web-static/img/product/after-service-1.png
0 → 100644
7.77 KB
web-static/img/product/after-service-2.png
0 → 100644
6.25 KB
web-static/img/product/service.png
0 → 100644
18.4 KB
@@ -331,6 +331,10 @@ | @@ -331,6 +331,10 @@ | ||
331 | } | 331 | } |
332 | } | 332 | } |
333 | 333 | ||
334 | + .other-infos { | ||
335 | + padding-bottom: 30px; | ||
336 | + } | ||
337 | + | ||
334 | .info-block { | 338 | .info-block { |
335 | margin-top: 30px; | 339 | margin-top: 30px; |
336 | color: #999; | 340 | color: #999; |
@@ -352,6 +356,7 @@ | @@ -352,6 +356,7 @@ | ||
352 | width: 470px; | 356 | width: 470px; |
353 | border: 1px solid #eaeceb; | 357 | border: 1px solid #eaeceb; |
354 | margin: 17px auto 0; | 358 | margin: 17px auto 0; |
359 | + padding-bottom: 15px; | ||
355 | 360 | ||
356 | li { | 361 | li { |
357 | margin: 12px 20px 0; | 362 | margin: 12px 20px 0; |
@@ -441,4 +446,257 @@ | @@ -441,4 +446,257 @@ | ||
441 | border-right: 1px solid #eaeceb; | 446 | border-right: 1px solid #eaeceb; |
442 | } | 447 | } |
443 | } | 448 | } |
449 | + | ||
450 | + .size-info { | ||
451 | + text-align: center; | ||
452 | + } | ||
453 | + | ||
454 | + .size-table, .reference-table { | ||
455 | + text-align: center; | ||
456 | + margin: 0 auto; | ||
457 | + | ||
458 | + td,th { | ||
459 | + width: 110px; | ||
460 | + text-align: center; | ||
461 | + } | ||
462 | + | ||
463 | + tr { | ||
464 | + height: 30px; | ||
465 | + } | ||
466 | + | ||
467 | + thead { | ||
468 | + background: #f5f7f6; | ||
469 | + color: #999; | ||
470 | + } | ||
471 | + | ||
472 | + tbody { | ||
473 | + color: #222; | ||
474 | + } | ||
475 | + | ||
476 | + .avatar { | ||
477 | + width: 26px; | ||
478 | + height: 26px; | ||
479 | + border-radius: 50px; | ||
480 | + } | ||
481 | + } | ||
482 | + | ||
483 | + .size-tip { | ||
484 | + color: #999; | ||
485 | + margin-top: 15px; | ||
486 | + text-align: center; | ||
487 | + } | ||
488 | + | ||
489 | + .details { | ||
490 | + text-align: center; | ||
491 | + font-size: 12px; | ||
492 | + color: #999; | ||
493 | + line-height: 18px; | ||
494 | + } | ||
495 | + | ||
496 | + .details-html { | ||
497 | + width: 640px; | ||
498 | + margin: 0 auto; | ||
499 | + | ||
500 | + b { | ||
501 | + font-weight: bold; | ||
502 | + } | ||
503 | + | ||
504 | + i { | ||
505 | + font-style: italic; | ||
506 | + } | ||
507 | + } | ||
508 | + | ||
509 | + .consult-comment .title { | ||
510 | + color: #666; | ||
511 | + | ||
512 | + &.cur { | ||
513 | + color: #666; | ||
514 | + } | ||
515 | + } | ||
516 | + | ||
517 | + .consult-comment .content { | ||
518 | + background: #f5f7f6; | ||
519 | + padding: 20px 20px 0 20px; | ||
520 | + font-size: 12px; | ||
521 | + | ||
522 | + h2 { | ||
523 | + font-weight: bold; | ||
524 | + font-size: 14px; | ||
525 | + margin-bottom: 10px; | ||
526 | + color: #000; | ||
527 | + } | ||
528 | + | ||
529 | + li { | ||
530 | + border-top: 1px solid #eaeceb; | ||
531 | + padding: 20px 0; | ||
532 | + } | ||
533 | + | ||
534 | + .user-info { | ||
535 | + color: #999; | ||
536 | + line-height: 16px; | ||
537 | + | ||
538 | + > * { | ||
539 | + float: left; | ||
540 | + } | ||
541 | + | ||
542 | + .name { | ||
543 | + color: #666; | ||
544 | + } | ||
545 | + | ||
546 | + .date { | ||
547 | + color: #bbb; | ||
548 | + } | ||
549 | + | ||
550 | + .question { | ||
551 | + color: #222; | ||
552 | + } | ||
553 | + } | ||
554 | + | ||
555 | + .user-avatar { | ||
556 | + width: 30px; | ||
557 | + height: 30px; | ||
558 | + margin-right: 5px; | ||
559 | + } | ||
560 | + | ||
561 | + .more-wrap { | ||
562 | + text-align: center; | ||
563 | + color: #666; | ||
564 | + border-top: 1px solid #eaeceb; | ||
565 | + padding: 20px 0; | ||
566 | + font-size: 14px; | ||
567 | + font-weight: bold; | ||
568 | + color: #666; | ||
569 | + } | ||
570 | + | ||
571 | + .btn-wrap { | ||
572 | + padding: 20px 0; | ||
573 | + border-top: 1px solid #eaeceb; | ||
574 | + } | ||
575 | + | ||
576 | + .btn { | ||
577 | + display: block; | ||
578 | + width: 140px; | ||
579 | + height: 32px; | ||
580 | + line-height: 32px; | ||
581 | + color: #fff; | ||
582 | + background: #222; | ||
583 | + text-align: center; | ||
584 | + font-size: 12px; | ||
585 | + margin: 0 auto; | ||
586 | + | ||
587 | + .iconfont { | ||
588 | + font-size: 14px; | ||
589 | + } | ||
590 | + } | ||
591 | + | ||
592 | + .comment, .consult { | ||
593 | + margin-top: 10px; | ||
594 | + } | ||
595 | + } | ||
596 | + | ||
597 | + .after-service { | ||
598 | + text-align: center; | ||
599 | + margin-top: 30px; | ||
600 | + | ||
601 | + .after-service-switch { | ||
602 | + height: 44px; | ||
603 | + line-height: 44px; | ||
604 | + background: #eaeceb; | ||
605 | + text-align: center; | ||
606 | + font-size: 12px; | ||
607 | + | ||
608 | + .iconfont { | ||
609 | + font-size: 12px; | ||
610 | + } | ||
611 | + } | ||
612 | + | ||
613 | + .text { | ||
614 | + padding: 20px 15px; | ||
615 | + color: #666; | ||
616 | + background: #f5f7f6; | ||
617 | + text-align: left; | ||
618 | + color: #666; | ||
619 | + line-height: 18px; | ||
620 | + } | ||
621 | + | ||
622 | + .orange { | ||
623 | + color: #f9761a; | ||
624 | + } | ||
625 | + | ||
626 | + h4 { | ||
627 | + font-weight: bold; | ||
628 | + font-size: 14px; | ||
629 | + line-height: 24px; | ||
630 | + color: #222; | ||
631 | + margin-top: 10px; | ||
632 | + | ||
633 | + &:first-child { | ||
634 | + margin-top: 0; | ||
635 | + } | ||
636 | + } | ||
637 | + | ||
638 | + .img-1 { | ||
639 | + width: 715px; | ||
640 | + height: 259px; | ||
641 | + margin: 0 auto; | ||
642 | + background: image-url('product/after-service-1.png'); | ||
643 | + } | ||
644 | + | ||
645 | + .img-2 { | ||
646 | + width: 715px; | ||
647 | + height: 230px; | ||
648 | + margin: 0 auto; | ||
649 | + background: image-url('product/after-service-2.png'); | ||
650 | + } | ||
651 | + | ||
652 | + a { | ||
653 | + color: #666; | ||
654 | + } | ||
655 | + } | ||
656 | + | ||
657 | + .service { | ||
658 | + width: 323px; | ||
659 | + height: 30px; | ||
660 | + margin: 45px auto 0; | ||
661 | + background: image-url('product/service.png'); | ||
662 | + } | ||
663 | + | ||
664 | + .recent-view { | ||
665 | + width: 1010px; | ||
666 | + margin: 0 auto; | ||
667 | + | ||
668 | + li { | ||
669 | + float: left; | ||
670 | + width: 180px; | ||
671 | + margin-right: 22px; | ||
672 | + } | ||
673 | + | ||
674 | + img { | ||
675 | + height: 240px; | ||
676 | + width: 180px; | ||
677 | + display: block; | ||
678 | + } | ||
679 | + | ||
680 | + .name { | ||
681 | + display: block; | ||
682 | + margin-top: 5px; | ||
683 | + color: #222; | ||
684 | + line-height: 16px; | ||
685 | + } | ||
686 | + | ||
687 | + .price { | ||
688 | + color: #222; | ||
689 | + font-weight: bold; | ||
690 | + margin-top: 5px; | ||
691 | + } | ||
692 | + | ||
693 | + .market-price { | ||
694 | + margin-right: 5px; | ||
695 | + } | ||
696 | + | ||
697 | + .has-sale { | ||
698 | + text-decoration: line-through; | ||
699 | + color: #999; | ||
700 | + } | ||
701 | + } | ||
444 | } | 702 | } |
@@ -203,6 +203,113 @@ class ItemController extends AbstractAction | @@ -203,6 +203,113 @@ class ItemController extends AbstractAction | ||
203 | 'name' => '分色洗涤' | 203 | 'name' => '分色洗涤' |
204 | ) | 204 | ) |
205 | ) | 205 | ) |
206 | + ), | ||
207 | + 'size' => array( | ||
208 | + 'thead' => array( | ||
209 | + array( | ||
210 | + 'width' => 110, | ||
211 | + 'name' => '吊牌尺码' | ||
212 | + ), | ||
213 | + array( | ||
214 | + 'width' => 110, | ||
215 | + 'name' => '表带长' | ||
216 | + ), | ||
217 | + array( | ||
218 | + 'width' => 110, | ||
219 | + 'name' => '表盘厚度' | ||
220 | + ), | ||
221 | + array( | ||
222 | + 'width' => 110, | ||
223 | + 'name' => '表盘直径' | ||
224 | + ) | ||
225 | + ), | ||
226 | + 'tbody' => array( | ||
227 | + array( | ||
228 | + 'F', '20', '1', '4' | ||
229 | + ) | ||
230 | + ), | ||
231 | + 'sizeImg' => 'http://static.yohobuy.com/images/1.jpg' | ||
232 | + ), | ||
233 | + 'reference' => array( | ||
234 | + 'thead' => array( | ||
235 | + array( | ||
236 | + 'width' => 26, | ||
237 | + 'name' => '' | ||
238 | + ), | ||
239 | + array( | ||
240 | + 'width' => 90, | ||
241 | + 'name' => '模特' | ||
242 | + ), | ||
243 | + array( | ||
244 | + 'width' => 110, | ||
245 | + 'name' => '身高' | ||
246 | + ), | ||
247 | + array( | ||
248 | + 'width' => 110, | ||
249 | + 'name' => '体重' | ||
250 | + ), | ||
251 | + array( | ||
252 | + 'width' => 110, | ||
253 | + 'name' => '三围' | ||
254 | + ), | ||
255 | + array( | ||
256 | + 'width' => 110, | ||
257 | + 'name' => '吊牌尺码' | ||
258 | + ), | ||
259 | + array( | ||
260 | + 'width' => 110, | ||
261 | + 'name' => '试穿描述' | ||
262 | + ) | ||
263 | + ), | ||
264 | + 'tbody' => array( | ||
265 | + array( | ||
266 | + 'http://img11.static.yhbimg.com/modelCard/2015/07/18/01/011c7aa0035212351482ec01a41afb1fd2.jpg', | ||
267 | + 'Oliver', | ||
268 | + '175', | ||
269 | + '51', | ||
270 | + '78/70/87', | ||
271 | + 'M', | ||
272 | + '合适' | ||
273 | + ) | ||
274 | + ) | ||
275 | + ), | ||
276 | + 'details' => '精致细腻的剪裁,搭配假拉链装饰,摒弃棉衣的臃肿,十分有型。中长款设计,内里夹棉,足够帮你抵御冬天的严寒。<br><br><p><img border="0" src="http://img02.static.yohobuy.com/product/2015/11/16/15/02b665cffb4ab07dbfacf922e7e7697134.jpg"></p>', | ||
277 | + 'consultComment' => array( | ||
278 | + 'consultNum' => 125, | ||
279 | + 'commentNum' => 122, | ||
280 | + 'comments' => array( | ||
281 | + array( | ||
282 | + 'avatar' => 'http://static.yohobuy.com/images/v3/boy.jpg', | ||
283 | + 'userName' => '哦嚯', | ||
284 | + 'color' => '绿色', | ||
285 | + 'size' => 'L', | ||
286 | + 'date' => '2015-12-19 16:44:02', | ||
287 | + 'comment' => '好看' | ||
288 | + ) | ||
289 | + ), | ||
290 | + 'consults' => array( | ||
291 | + array( | ||
292 | + 'avatar' => 'http://static.yohobuy.com/images/v3/boy.jpg', | ||
293 | + 'question' => '黑色其他型号 L 不会再出了吗?', | ||
294 | + 'date' => '2015-12-19 16:44:02', | ||
295 | + 'answer' => '该款商品补货时间暂时无法确定,绿色目前是有货的。您还可以“收藏”该商品同时“关注”该品牌,实时关注并登录“MY有货”点击查看“收藏商品”,补货到仓后可直接购买,感谢您对Yoho!Buy有货的支持,祝您购物愉快!' | ||
296 | + ) | ||
297 | + ) | ||
298 | + ), | ||
299 | + 'recentView' => array( | ||
300 | + array( | ||
301 | + 'url' => '', | ||
302 | + 'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/12/08/06/013ded7a84dbd3087594553e4333c92f80.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90', | ||
303 | + 'name' => 'BRISTON 手表Clubmaster CHRONO black Silver - Black dial基本系列黑盘 ', | ||
304 | + 'marketPrice' => '2180' | ||
305 | + ), | ||
306 | + array( | ||
307 | + 'url' => '', | ||
308 | + 'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/10/14/06/017fc64072bb2acb5dfa6b4d33e812afd5.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90', | ||
309 | + 'name' => 'GAWS 街头风金属拉链装饰棉服', | ||
310 | + 'marketPrice' => '639', | ||
311 | + 'salePrice' => '419' | ||
312 | + ) | ||
206 | ) | 313 | ) |
207 | ) | 314 | ) |
208 | ); | 315 | ); |
-
Please register or login to post a comment