Showing
5 changed files
with
47 additions
and
117 deletions
@@ -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> |
-
Please register or login to post a comment