Authored by Lynnic

update

@@ -1064,14 +1064,13 @@ @@ -1064,14 +1064,13 @@
1064 'bannerTop': { 1064 'bannerTop': {
1065 'list': [ 1065 'list': [
1066 { 1066 {
1067 - 'url' : '',  
1068 'img' : '' 1067 'img' : ''
1069 }, 1068 },
1070 ... 1069 ...
1071 ] 1070 ]
1072 }, 1071 },
1073 'goodsName' : 'Stussy No. 4 BOX TEE ', 1072 'goodsName' : 'Stussy No. 4 BOX TEE ',
1074 - 'goodsSubtitle' : '【全民拼抢购】经典印花T恤,满4件免一件!', 1073 + 'goodsSubtitle' : '【全民拼抢购】经典印花T恤,满4件免一件!',
1075 1074
1076 'goodsPrice' : { 1075 'goodsPrice' : {
1077 'currentPrice' : '¥298.00', 1076 'currentPrice' : '¥298.00',
@@ -1082,7 +1081,6 @@ @@ -1082,7 +1081,6 @@
1082 'vipLevel' : { 1081 'vipLevel' : {
1083 'list' : [ 1082 'list' : [
1084 { 1083 {
1085 - 'img':'',  
1086 'text' : '¥284.00' 1084 'text' : '¥284.00'
1087 }, 1085 },
1088 ... 1086 ...
@@ -1092,8 +1090,7 @@ @@ -1092,8 +1090,7 @@
1092 'listLength' : 2, 1090 'listLength' : 2,
1093 'list' : [ 1091 'list' : [
1094 { 1092 {
1095 - 'text' : '【BACK TO SCHOOL】满¥499赠送Paul  
1096 - Franke帽子一个,多买多送!' 1093 + 'text' : '【BACK TO SCHOOL】满¥499赠送Paul Franke帽子一个,多买多送!'
1097 }, 1094 },
1098 ... 1095 ...
1099 ] 1096 ]
@@ -1130,18 +1127,13 @@ @@ -1130,18 +1127,13 @@
1130 'goodsDescription' : { 1127 'goodsDescription' : {
1131 'title' : '商品描述', 1128 'title' : '商品描述',
1132 'enTitle' : 'DESCRIPTON', 1129 'enTitle' : 'DESCRIPTON',
1133 -  
1134 - 'detail' : {  
1135 - 'nubmer' : '51018059',  
1136 - 'color' : '黑',  
1137 - 'type' : '帽子',  
1138 - 'gender' : '女款',  
1139 - 'hatType' : '棒球帽',  
1140 - 'bongrace' : '平檐款式',  
1141 - 'goodsDetail' : '字母图案',  
1142 - 'style' : '街头'  
1143 - },  
1144 - 'desc':'商品描述信息'; 1130 + 'detail' : [
  1131 + {
  1132 + 'param' : '编号: 51018059'
  1133 + },
  1134 + ...
  1135 + ],
  1136 + 'desc': 'balabala'
1145 }, 1137 },
1146 1138
1147 'sizeInfo' : { 1139 'sizeInfo' : {
@@ -1164,19 +1156,10 @@ @@ -1164,19 +1156,10 @@
1164 }, 1156 },
1165 1157
1166 'measurementMethod' : { 1158 'measurementMethod' : {
1167 - 'title' : '测量方式',  
1168 - 'enTitle' : '',  
1169 -  
1170 - 'detail' : {  
1171 - 'sort' : '上衣' ,  
1172 - 'enSort' : 'TOPS',  
1173 - 'img' : '',  
1174 - 'items' : [  
1175 - 'item' : '肩宽(两端肩线间的直线长度)',  
1176 - ...  
1177 - ]  
1178 - }  
1179 - }, 1159 + 'title': '测量方式',
  1160 + 'enTitle': 'MEASUREMENT METHOD',
  1161 + 'img' : '',
  1162 + },
1180 1163
1181 'reference' : { 1164 'reference' : {
1182 'title' : '模特试穿', 1165 'title' : '模特试穿',
@@ -62,11 +62,12 @@ function initInfosEvt($container) { @@ -62,11 +62,12 @@ function initInfosEvt($container) {
62 $btn, 62 $btn,
63 $info; 63 $info;
64 64
65 - e.preventDefault(); 65 + //e.preventDefault();
66 66
67 //点赞 67 //点赞
68 $btn = $this.closest('.like-btn'); 68 $btn = $this.closest('.like-btn');
69 if ($btn.length > 0) { 69 if ($btn.length > 0) {
  70 + e.preventDefault();
70 if ($btn.hasClass('like')) { 71 if ($btn.hasClass('like')) {
71 opt = 'cancel'; 72 opt = 'cancel';
72 } 73 }
@@ -99,6 +100,7 @@ function initInfosEvt($container) { @@ -99,6 +100,7 @@ function initInfosEvt($container) {
99 //APP收藏 100 //APP收藏
100 $btn = $this.closest('.collect-btn'); 101 $btn = $this.closest('.collect-btn');
101 if ($btn.length > 0) { 102 if ($btn.length > 0) {
  103 + e.preventDefault();
102 if ($btn.hasClass('collected')) { 104 if ($btn.hasClass('collected')) {
103 opt = 'cancel'; 105 opt = 'cancel';
104 } 106 }
@@ -196,12 +196,21 @@ $basicBtnC:#eb0313; @@ -196,12 +196,21 @@ $basicBtnC:#eb0313;
196 display: table-cell; 196 display: table-cell;
197 vertical-align: middle; 197 vertical-align: middle;
198 } 198 }
199 - .vip-img { 199 + .vip-img{
200 padding-right: pxToRem(22px); 200 padding-right: pxToRem(22px);
201 - img { 201 + img{
202 width: pxToRem(52px); 202 width: pxToRem(52px);
203 height: pxToRem(32px); 203 height: pxToRem(32px);
204 } 204 }
  205 + &:nth-child(3n-3) {
  206 + background: image-url('product/silver.png') no-repeat;
  207 + }
  208 + &:nth-child(3n-2) {
  209 + background: image-url('product/golden.png') no-repeat;
  210 + }
  211 + &:nth-child(3n-1) {
  212 + background: image-url('product/platinum.png') no-repeat;
  213 + }
205 } 214 }
206 .vip-price { 215 .vip-price {
207 padding-right: pxToRem(55px); 216 padding-right: pxToRem(55px);
@@ -514,48 +523,11 @@ $basicBtnC:#eb0313; @@ -514,48 +523,11 @@ $basicBtnC:#eb0313;
514 height: pxToRem(260px); 523 height: pxToRem(260px);
515 img { 524 img {
516 float: left; 525 float: left;
517 - width: pxToRem(270px); 526 + width: 100%;
518 height: pxToRem(239px); 527 height: pxToRem(239px);
519 margin-top: pxToRem(18px); 528 margin-top: pxToRem(18px);
520 margin-right: pxToRem(28px); 529 margin-right: pxToRem(28px);
521 } 530 }
522 - .right-part {  
523 - overflow: hidden;  
524 - .title {  
525 - >h1 {  
526 - margin-top: pxToRem(10px);  
527 - display: inline-block;  
528 - padding-right: pxToRem(10px);  
529 - border-right: 1px solid $borderC;  
530 - line-height: 100%;  
531 - }  
532 - >span {  
533 - font-size: pxToRem(12px);  
534 - }  
535 - }  
536 - ul.items {  
537 - margin-top: pxToRem(20px);  
538 - padding: 0;  
539 - line-height: pxToRem(30px);  
540 - font-size: pxToRem(13px);  
541 - li {  
542 - span {  
543 - display: inline-block;  
544 - width: pxToRem(15px);  
545 - height: pxToRem(15px);  
546 - background-color: $basicBtnC;  
547 - border-radius: 50%;  
548 - color: #fff;  
549 - text-align: center;  
550 - line-height: pxToRem(15px);  
551 - font-size: pxToRem(13px);  
552 - margin-right: pxToRem(12px);  
553 - vertical-align: text-bottom;  
554 - }  
555 - }  
556 - }  
557 - }  
558 - clear:both;  
559 } 531 }
560 } 532 }
561 533
@@ -29,18 +29,18 @@ @@ -29,18 +29,18 @@
29 <h1 >{{.}}</h1> 29 <h1 >{{.}}</h1>
30 </div> 30 </div>
31 {{/periodOfMarket}} 31 {{/periodOfMarket}}
32 - </div> 32 +</div>
33 33
34 - {{# vipLevel}}  
35 - <div class="vipLevel">  
36 - {{# list}}  
37 - <span class="vip-img">  
38 - <img class="lazy" data-original="http://static.dev.yohobuy.com/img/product/silver.png" alt="">  
39 - </span>  
40 - <span class="vip-price">{{text}}</span>  
41 - {{/ list}}  
42 - </div>  
43 - {{/ vipLevel}} 34 +{{# vipLevel}}
  35 +<div class="vipLevel">
  36 + {{# list}}
  37 +<span class="vip-img">
  38 + <img class="img" alt="">
  39 +</span>
  40 + <span class="vip-price">{{text}}</span>
  41 + {{/ list}}
  42 +</div>
  43 +{{/ vipLevel}}
44 44
45 {{#goodsDiscount}} 45 {{#goodsDiscount}}
46 <div class="goodsDiscount"> 46 <div class="goodsDiscount">
@@ -95,24 +95,13 @@ @@ -95,24 +95,13 @@
95 <span class="en-title">{{enTitle}}</span> 95 <span class="en-title">{{enTitle}}</span>
96 </h1> 96 </h1>
97 {{#detail}} 97 {{#detail}}
98 - <div class="detail table">  
99 - <div class="row">  
100 - <div class="column">编号:{{nubmer}}</div>  
101 - <div class="column">帽型:{{hatType}}</div>  
102 - </div>  
103 - <div class="row">  
104 - <div class="column">颜色:{{color}}</div>  
105 - <div class="column">帽檐:{{bongrace}}</div>  
106 - </div>  
107 - <div class="row">  
108 - <div class="column">类型:{{type}}</div>  
109 - <div class="column">细节:{{goodsDetail}}</div>  
110 - </div>  
111 - <div class="row">  
112 - <div class="column">性别:{{gender}}</div>  
113 - <div class="column">风格:{{style}}</div>  
114 - </div>  
115 - </div> 98 + <ul class="detail table clearfix">
  99 + {{# list}}
  100 + <li class="row">
  101 + <div class="column">{{param}}</div>
  102 + </li>
  103 + {{/ list}}
  104 + </ul>
116 {{/detail}} 105 {{/detail}}
117 <div class="desc-text">{{desc}}</div> 106 <div class="desc-text">{{desc}}</div>
118 </div> 107 </div>
@@ -153,24 +142,8 @@ @@ -153,24 +142,8 @@
153 {{title}} 142 {{title}}
154 <span class="en-title">{{enTitle}}</span> 143 <span class="en-title">{{enTitle}}</span>
155 </h1> 144 </h1>
156 - {{#detail}}  
157 <div class="detail" style="width:100%"> 145 <div class="detail" style="width:100%">
158 <img class="lazy" data-original="{{img}}" alt=""> 146 <img class="lazy" data-original="{{img}}" alt="">
159 - <div class="right-part">  
160 - <div class="title">  
161 - <h1 >{{sort}}</h1>  
162 - <span>{{enSort}}</span>  
163 - </div>  
164 - <ul class="items">  
165 - {{#each items}}  
166 - <li>  
167 - <span>{{@index}}</span>  
168 - {{this}}</li>  
169 - {{/items}}  
170 - </ul>  
171 - </div>  
172 - </div>  
173 - {{/detail}}  
174 </div> 147 </div>
175 {{/measurementMethod}} 148 {{/measurementMethod}}
176 149
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 <ul class="swiper-wrapper"> 3 <ul class="swiper-wrapper">
4 {{# list}} 4 {{# list}}
5 <li class="swiper-slide"> 5 <li class="swiper-slide">
6 - <a href="{{url}}"> 6 + <a href="javascript:;">
7 <img src="{{img}}" alt=""> 7 <img src="{{img}}" alt="">
8 </a> 8 </a>
9 </li> 9 </li>