Showing
8 changed files
with
46 additions
and
8 deletions
@@ -671,7 +671,8 @@ const setSizeData = (sizeInfo) => { | @@ -671,7 +671,8 @@ const setSizeData = (sizeInfo) => { | ||
671 | gender; | 671 | gender; |
672 | let size = { | 672 | let size = { |
673 | titleEn: 'SIZEINFO', | 673 | titleEn: 'SIZEINFO', |
674 | - titleCn: '尺码信息' | 674 | + titleCn: '尺码信息', |
675 | + sizeImage: sizeInfo.sizeImage | ||
675 | }; | 676 | }; |
676 | 677 | ||
677 | sizeInfo.sizeInfoBo = _sizeInfoBoSort(sizeInfo.sizeInfoBo); | 678 | sizeInfo.sizeInfoBo = _sizeInfoBoSort(sizeInfo.sizeInfoBo); |
@@ -710,6 +711,7 @@ const setSizeData = (sizeInfo) => { | @@ -710,6 +711,7 @@ const setSizeData = (sizeInfo) => { | ||
710 | sizeTable.thead.push({ | 711 | sizeTable.thead.push({ |
711 | name: value.attributeName || ' ', | 712 | name: value.attributeName || ' ', |
712 | id: value.id, | 713 | id: value.id, |
714 | + doubt: true, | ||
713 | width: 126 | 715 | width: 126 |
714 | }); | 716 | }); |
715 | }); | 717 | }); |
@@ -256,7 +256,7 @@ | @@ -256,7 +256,7 @@ | ||
256 | <span class="cn">{{titleCn}}</span> | 256 | <span class="cn">{{titleCn}}</span> |
257 | </label> | 257 | </label> |
258 | </div> | 258 | </div> |
259 | - <div class="size-info"> | 259 | + <div class="size-info" data-img="{{sizeImage}}"> |
260 | {{# param}} | 260 | {{# param}} |
261 | {{> item/size-table}} | 261 | {{> item/size-table}} |
262 | {{/ param}} | 262 | {{/ param}} |
@@ -265,6 +265,8 @@ | @@ -265,6 +265,8 @@ | ||
265 | ※ 以上尺寸为实物人工测量,因测量方式不同会有1-2CM误差,相关数据仅作参考,以收到实物为准。 单位:CM<br> | 265 | ※ 以上尺寸为实物人工测量,因测量方式不同会有1-2CM误差,相关数据仅作参考,以收到实物为准。 单位:CM<br> |
266 | ※ 参考尺码因衣服版型、剪裁不同会有误差,仅供参考 | 266 | ※ 参考尺码因衣服版型、剪裁不同会有误差,仅供参考 |
267 | </p> | 267 | </p> |
268 | + {{!-- 解决首次弹出示意图弹窗因图片高度获取不到定位异常问题 --}} | ||
269 | + <img src="{{sizeImage}}" style="display: none;"> | ||
268 | 270 | ||
269 | {{# taste}} | 271 | {{# taste}} |
270 | {{> item/size-table}} | 272 | {{> item/size-table}} |
@@ -2,7 +2,12 @@ | @@ -2,7 +2,12 @@ | ||
2 | <thead> | 2 | <thead> |
3 | <tr> | 3 | <tr> |
4 | {{# thead}} | 4 | {{# thead}} |
5 | - <th width="{{width}}">{{name}}</th> | 5 | + <th width="{{width}}"> |
6 | + {{name}} | ||
7 | + {{#if doubt}} | ||
8 | + <span class="show-img"></span> | ||
9 | + {{/if}} | ||
10 | + </th> | ||
6 | {{/ thead}} | 11 | {{/ thead}} |
7 | </tr> | 12 | </tr> |
8 | </thead> | 13 | </thead> |
@@ -6,8 +6,7 @@ | @@ -6,8 +6,7 @@ | ||
6 | {{# navbars}} | 6 | {{# navbars}} |
7 | <li class="nav-item{{#if cur}} cur{{/if}}"> | 7 | <li class="nav-item{{#if cur}} cur{{/if}}"> |
8 | <a href="{{link}}"{{#if isNewPage}} target="_blank"{{/if}}> | 8 | <a href="{{link}}"{{#if isNewPage}} target="_blank"{{/if}}> |
9 | - <span class="nav-en">{{en}}</span> | ||
10 | - <span class="nav-cn">{{cn}}</span> | 9 | + {{en}}{{cn}} |
11 | </a> | 10 | </a> |
12 | </li> | 11 | </li> |
13 | {{/ navbars}} | 12 | {{/ navbars}} |
@@ -23,8 +22,7 @@ | @@ -23,8 +22,7 @@ | ||
23 | {{# subNav}} | 22 | {{# subNav}} |
24 | <li{{#if thirdNav}} class="contain-third"{{/if}}> | 23 | <li{{#if thirdNav}} class="contain-third"{{/if}}> |
25 | <a href="{{link}}"> | 24 | <a href="{{link}}"> |
26 | - <span class="nav-en">{{en}}</span> | ||
27 | - <span class="nav-cn">{{cn}}</span> | 25 | + {{en}}{{cn}} |
28 | </a> | 26 | </a> |
29 | {{#if thirdNav}} | 27 | {{#if thirdNav}} |
30 | <div class="third-nav-wrapper"> | 28 | <div class="third-nav-wrapper"> |
public/img/product/doubt.png
0 → 100644
263 Bytes
@@ -26,6 +26,8 @@ var $tradeWrapper = $('.trade-wrapper'), | @@ -26,6 +26,8 @@ var $tradeWrapper = $('.trade-wrapper'), | ||
26 | var $addToBag = $('#add-to-bag'), | 26 | var $addToBag = $('#add-to-bag'), |
27 | $soldOut = $('#sold-out'); | 27 | $soldOut = $('#sold-out'); |
28 | 28 | ||
29 | +var $sizeInfo = $('.size-info'); | ||
30 | + | ||
29 | var $thumbCur = $('.thumb-wrap .cur'); // 当前选中展示图片 | 31 | var $thumbCur = $('.thumb-wrap .cur'); // 当前选中展示图片 |
30 | 32 | ||
31 | var SLIDETIME = 200; | 33 | var SLIDETIME = 200; |
@@ -304,3 +306,13 @@ $('#collect-product').click(function() { | @@ -304,3 +306,13 @@ $('#collect-product').click(function() { | ||
304 | } | 306 | } |
305 | }); | 307 | }); |
306 | }); | 308 | }); |
309 | + | ||
310 | +$sizeInfo.on('click', '.show-img', function() { | ||
311 | + var img = $sizeInfo.data('img'); | ||
312 | + | ||
313 | + new Dialog({ | ||
314 | + className: 'item-doubt-dialog', | ||
315 | + content: '<img src="' + img + '">', | ||
316 | + btns: [] | ||
317 | + }).show(); | ||
318 | +}); |
@@ -244,7 +244,7 @@ | @@ -244,7 +244,7 @@ | ||
244 | 244 | ||
245 | .go-bag { | 245 | .go-bag { |
246 | color: #fff; | 246 | color: #fff; |
247 | - background: #e92601; | 247 | + background: #1b1b1b; |
248 | } | 248 | } |
249 | } | 249 | } |
250 | } | 250 | } |
@@ -406,6 +406,16 @@ | @@ -406,6 +406,16 @@ | ||
406 | left: 20px; | 406 | left: 20px; |
407 | } | 407 | } |
408 | 408 | ||
409 | + .show-img { | ||
410 | + width: 14px; | ||
411 | + height: 14px; | ||
412 | + display: inline-block; | ||
413 | + position: relative; | ||
414 | + top: 2px; | ||
415 | + background: url('/product/doubt.png') no-repeat; | ||
416 | + cursor: pointer; | ||
417 | + } | ||
418 | + | ||
409 | .model-name { | 419 | .model-name { |
410 | margin-left: 20px; | 420 | margin-left: 20px; |
411 | } | 421 | } |
@@ -420,6 +430,7 @@ | @@ -420,6 +430,7 @@ | ||
420 | border: 1px solid #f3f3f3; | 430 | border: 1px solid #f3f3f3; |
421 | padding: 40px 130px; | 431 | padding: 40px 130px; |
422 | margin-top: 80px; | 432 | margin-top: 80px; |
433 | + overflow: hidden; | ||
423 | 434 | ||
424 | .block-title { | 435 | .block-title { |
425 | height: 0; | 436 | height: 0; |
@@ -491,3 +502,11 @@ | @@ -491,3 +502,11 @@ | ||
491 | margin-right: 4px; | 502 | margin-right: 4px; |
492 | } | 503 | } |
493 | } | 504 | } |
505 | + | ||
506 | +.item-doubt-dialog { | ||
507 | + background: #fff; | ||
508 | + | ||
509 | + .content { | ||
510 | + width: 600px; | ||
511 | + } | ||
512 | +} |
-
Please register or login to post a comment