Authored by yyq

验收问题

@@ -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">

241 Bytes | W: | H:

499 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -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 +}