Showing
7 changed files
with
395 additions
and
183 deletions
@@ -1089,13 +1089,15 @@ | @@ -1089,13 +1089,15 @@ | ||
1089 | ] | 1089 | ] |
1090 | }, | 1090 | }, |
1091 | 'goodsDiscount' : { | 1091 | 'goodsDiscount' : { |
1092 | + 'listLength' : 2, | ||
1092 | 'list' : [ | 1093 | 'list' : [ |
1093 | { | 1094 | { |
1094 | 'text' : '【BACK TO SCHOOL】满¥499赠送Paul | 1095 | 'text' : '【BACK TO SCHOOL】满¥499赠送Paul |
1095 | Franke帽子一个,多买多送!' | 1096 | Franke帽子一个,多买多送!' |
1096 | }, | 1097 | }, |
1097 | ... | 1098 | ... |
1098 | - ], | 1099 | + ] |
1100 | + }, | ||
1099 | 'feedbacks' : { | 1101 | 'feedbacks' : { |
1100 | 'commentsNum' : 0, | 1102 | 'commentsNum' : 0, |
1101 | 'consultsNum' : 1, | 1103 | 'consultsNum' : 1, |
@@ -1138,7 +1140,8 @@ | @@ -1138,7 +1140,8 @@ | ||
1138 | 'bongrace' : '平檐款式', | 1140 | 'bongrace' : '平檐款式', |
1139 | 'goodsDetail' : '字母图案', | 1141 | 'goodsDetail' : '字母图案', |
1140 | 'style' : '街头' | 1142 | 'style' : '街头' |
1141 | - } | 1143 | + }, |
1144 | + 'desc':'商品描述信息'; | ||
1142 | }, | 1145 | }, |
1143 | 1146 | ||
1144 | 'sizeInfo' : { | 1147 | 'sizeInfo' : { |
@@ -1147,10 +1150,13 @@ | @@ -1147,10 +1150,13 @@ | ||
1147 | 1150 | ||
1148 | 'detail' : { | 1151 | 'detail' : { |
1149 | 'list' : [ | 1152 | 'list' : [ |
1150 | - { | ||
1151 | - 'name' : '尺寸', | ||
1152 | - 'sizem' : 'm', | ||
1153 | - 'sizexl' : 'XL' | 1153 | + { |
1154 | + 'params' : [ | ||
1155 | + { | ||
1156 | + 'param' : '尺寸' | ||
1157 | + }, | ||
1158 | + ... | ||
1159 | + ] | ||
1154 | }, | 1160 | }, |
1155 | ... | 1161 | ... |
1156 | ] | 1162 | ] |
1 | +var $ = require('jquery'); | ||
2 | +var commentsNum; | ||
3 | + | ||
4 | + | ||
5 | +(function() { | ||
6 | + var consultsNum = $('#nav-tab .consults-num').html() - 0; | ||
7 | + | ||
8 | + commentsNum = $('#nav-tab .comments-num').html() - 0; | ||
9 | + | ||
10 | + $('#nav-tab li').each(function() { | ||
11 | + $(this).removeClass('focus'); | ||
12 | + }); | ||
13 | + | ||
14 | + $('#feedback-content .content').each(function() { | ||
15 | + $(this).addClass('hide'); | ||
16 | + }); | ||
17 | + if (0 !== commentsNum) { | ||
18 | + $('#nav-tab .comment-nav').addClass('focus'); | ||
19 | + $('#feedback-content .comment-content').removeClass('hide'); | ||
20 | + | ||
21 | + } else if (0 !== consultsNum) { | ||
22 | + $('#nav-tab .consult-nav').addClass('focus'); | ||
23 | + $('#feedback-content .consult-content').removeClass('hide'); | ||
24 | + } | ||
25 | + | ||
26 | +})(); | ||
27 | + | ||
28 | +$('#nav-tab li').on('click', function() { | ||
29 | + var index = $(this).index(); | ||
30 | + | ||
31 | + if ($(this).hasClass('comment-nav') && 0 === commentsNum) { | ||
32 | + alert('暂无商品评价'); | ||
33 | + } else { | ||
34 | + if (!$(this).hasClass('focus')) { | ||
35 | + | ||
36 | + $('#nav-tab li').each(function() { | ||
37 | + $(this).removeClass('focus'); | ||
38 | + }); | ||
39 | + $('#feedback-content .content').each(function() { | ||
40 | + $(this).addClass('hide'); | ||
41 | + }); | ||
42 | + | ||
43 | + $(this).addClass('focus'); | ||
44 | + $('#feedback-content .content:eq(' + index + ')').removeClass('hide'); | ||
45 | + } | ||
46 | + } | ||
47 | +}); |
@@ -11,10 +11,10 @@ | @@ -11,10 +11,10 @@ | ||
11 | var goodsSwiper, | 11 | var goodsSwiper, |
12 | sizeSwiper, | 12 | sizeSwiper, |
13 | refSwiper, | 13 | refSwiper, |
14 | - commentsNum, | ||
15 | handleHelper; | 14 | handleHelper; |
16 | 15 | ||
17 | require('./desc'); | 16 | require('./desc'); |
17 | +require('./comments-consults'); | ||
18 | 18 | ||
19 | lazyLoad($('img.lazy')); | 19 | lazyLoad($('img.lazy')); |
20 | 20 | ||
@@ -28,50 +28,36 @@ goodsSwiper = new Swiper('.banner-swiper', { | @@ -28,50 +28,36 @@ goodsSwiper = new Swiper('.banner-swiper', { | ||
28 | prevButton: '.my-swiper-button-prev' | 28 | prevButton: '.my-swiper-button-prev' |
29 | }); | 29 | }); |
30 | 30 | ||
31 | -//初始化tab | ||
32 | -(function() { | ||
33 | - var consultsNum = $('#nav-tab .consults-num').html() - 0; | ||
34 | - | ||
35 | - | ||
36 | - commentsNum = $('#nav-tab .comments-num').html() - 0; | ||
37 | 31 | ||
38 | - $('#nav-tab li').each(function() { | ||
39 | - $(this).removeClass('focus'); | ||
40 | - }); | ||
41 | - | ||
42 | - $('#feedback-content .content').each(function() { | ||
43 | - $(this).addClass('hide'); | ||
44 | - }); | ||
45 | - if (0 !== commentsNum) { | ||
46 | - $('#nav-tab .comment-nav').addClass('focus'); | ||
47 | - $('#feedback-content .comment-content').removeClass('hide'); | 32 | +(function() { |
48 | 33 | ||
49 | - } else if (0 !== consultsNum) { | ||
50 | - $('#nav-tab .consult-nav').addClass('focus'); | ||
51 | - $('#feedback-content .consult-content').removeClass('hide'); | 34 | + //初始化goods-discount |
35 | + if (0 === $('.goods-discount .discount-folder').children().length) { | ||
36 | + $('.goods-discount .discount-folder').css('display', 'none'); | ||
37 | + $('.goods-discount .first-item span').html(''); | ||
52 | } | 38 | } |
53 | })(); | 39 | })(); |
54 | 40 | ||
55 | -$('#nav-tab li').on('click', function() { | ||
56 | - var index = $(this).index(); | 41 | +// $('#nav-tab li').on('click', function() { |
42 | +// var index = $(this).index(); | ||
57 | 43 | ||
58 | - if ($(this).hasClass('comment-nav') && 0 === commentsNum) { | ||
59 | - alert('暂无商品评价'); | ||
60 | - } else { | ||
61 | - if (!$(this).hasClass('focus')) { | ||
62 | - | ||
63 | - $('#nav-tab li').each(function() { | ||
64 | - $(this).removeClass('focus'); | ||
65 | - }); | ||
66 | - $('#feedback-content .content').each(function() { | ||
67 | - $(this).addClass('hide'); | ||
68 | - }); | ||
69 | - | ||
70 | - $(this).addClass('focus'); | ||
71 | - $('#feedback-content .content:eq(' + index + ')').removeClass('hide'); | ||
72 | - } | ||
73 | - } | ||
74 | -}); | 44 | +// if ($(this).hasClass('comment-nav') && 0 === commentsNum) { |
45 | +// alert('暂无商品评价'); | ||
46 | +// } else { | ||
47 | +// if (!$(this).hasClass('focus')) { | ||
48 | + | ||
49 | +// $('#nav-tab li').each(function() { | ||
50 | +// $(this).removeClass('focus'); | ||
51 | +// }); | ||
52 | +// $('#feedback-content .content').each(function() { | ||
53 | +// $(this).addClass('hide'); | ||
54 | +// }); | ||
55 | + | ||
56 | +// $(this).addClass('focus'); | ||
57 | +// $('#feedback-content .content:eq(' + index + ')').removeClass('hide'); | ||
58 | +// } | ||
59 | +// } | ||
60 | +// }); | ||
75 | 61 | ||
76 | $('.goodsDiscount .dropdown').on('click', function() { | 62 | $('.goodsDiscount .dropdown').on('click', function() { |
77 | if ($('.goodsDiscount .discount-folder').is(':hidden')) { | 63 | if ($('.goodsDiscount .discount-folder').is(':hidden')) { |
1 | -.goods-comments-page{ | ||
2 | - .goods-comments{ | ||
3 | - .comment-item{ | ||
4 | - border: 1px solid $borderC; | ||
5 | - padding: 0 pxToRem(28px); | ||
6 | - .user-name{ | ||
7 | - font-size: pxToRem(24px); | ||
8 | - line-height: pxToRem(62px); | ||
9 | - color:$mainFontC; | ||
10 | - } | ||
11 | - .goods-spec, | ||
12 | - .comment-time{ | ||
13 | - font-size: pxToRem(24px); | ||
14 | - line-height: pxToRem(62px); | ||
15 | - } | ||
16 | - .detail-content{ | ||
17 | - font-size: pxToRem(24px); | ||
18 | - line-height: pxToRem(62px); | ||
19 | - color:$mainFontC; | ||
20 | - } | ||
21 | - .goods-spec, | ||
22 | - .comment-time{ | ||
23 | - font-size: pxToRem(24px); | ||
24 | - line-height: pxToRem(62px); | ||
25 | - } | ||
26 | - .detail-content{ | ||
27 | - font-size: pxToRem(28px); | ||
28 | - line-height: pxToRem(36px); | ||
29 | - } | ||
30 | - .goods-spec, | ||
31 | - .detail-content{ | ||
32 | - color:$mainFontC; | ||
33 | - } | ||
34 | - .comment-time{ | ||
35 | - color:#c1c1c1; | ||
36 | - } | ||
37 | - } | ||
38 | - } | 1 | +.goods-comments-page { |
2 | + .goods-comments { | ||
3 | + .comment-item { | ||
4 | + border: 1px solid $borderC; | ||
5 | + padding: 0 pxToRem(28px); | ||
6 | + .user-name { | ||
7 | + font-size: pxToRem(24px); | ||
8 | + line-height: pxToRem(62px); | ||
9 | + color: $mainFontC; | ||
10 | + } | ||
11 | + .goods-spec, | ||
12 | + .comment-time { | ||
13 | + font-size: pxToRem(24px); | ||
14 | + line-height: pxToRem(62px); | ||
15 | + } | ||
16 | + .detail-content { | ||
17 | + font-size: pxToRem(24px); | ||
18 | + line-height: pxToRem(62px); | ||
19 | + color: $mainFontC; | ||
20 | + } | ||
21 | + .goods-spec, | ||
22 | + .comment-time { | ||
23 | + font-size: pxToRem(24px); | ||
24 | + line-height: pxToRem(62px); | ||
25 | + } | ||
26 | + .detail-content { | ||
27 | + font-size: pxToRem(28px); | ||
28 | + line-height: pxToRem(36px); | ||
29 | + } | ||
30 | + .goods-spec, | ||
31 | + .detail-content { | ||
32 | + color: $mainFontC; | ||
33 | + } | ||
34 | + .comment-time { | ||
35 | + color: #c1c1c1; | ||
36 | + } | ||
37 | + } | ||
38 | + } | ||
39 | } | 39 | } |
40 | 40 | ||
41 | -.goods-consults-page{ | ||
42 | - .goto-consult{ | ||
43 | - padding: 0 pxToRem(28px); | ||
44 | - height: pxToRem(120px); | ||
45 | - background-color: #ffffff; | ||
46 | - i,span{ | ||
47 | - line-height: pxToRem(120px); | ||
48 | - font-size: pxToRem(28px); | ||
49 | - color:$mainFontC; | ||
50 | - } | ||
51 | - .consult-logo{ | ||
52 | - padding-right: pxToRem(15px); | ||
53 | - } | ||
54 | - .enter-consult-page{ | ||
55 | - float: right; | ||
56 | - color:$subFontC; | ||
57 | - } | ||
58 | - } | ||
59 | - .goods-consults{ | ||
60 | - .consult-item{ | ||
61 | - padding: pxToRem(20px) pxToRem(28px); | ||
62 | - background-color: #fff; | ||
63 | - .question{ | ||
64 | - font-size: pxToRem(24px); | ||
65 | - color:$mainFontC; | ||
66 | - span{ | ||
67 | - display: block; | ||
68 | - float: left; | ||
69 | - font-size: inherit; | ||
70 | - padding-right: pxToRem(15px); | ||
71 | - } | ||
72 | - p{ | ||
73 | - overflow: hidden; | ||
74 | - padding-bottom: pxToRem(15px); | ||
75 | - border-bottom: 1px solid $borderC; | ||
76 | - } | ||
77 | - } | ||
78 | - .time{ | ||
79 | - font-size: pxToRem(22px); | ||
80 | - color:$subFontC; | ||
81 | - } | ||
82 | - .answer{ | ||
83 | - font-size: pxToRem(24px); | ||
84 | - line-height: pxToRem(36px); | ||
85 | - color:$subFontC; | ||
86 | - margin-top: pxToRem(14px); | ||
87 | - span{ | ||
88 | - display: block; | ||
89 | - float: left; | ||
90 | - font-size: inherit; | ||
91 | - color:$mainFontC; | ||
92 | - padding-right: pxToRem(15px); | ||
93 | - } | ||
94 | - p{ | ||
95 | - overflow: hidden; | ||
96 | - } | ||
97 | - } | ||
98 | - } | ||
99 | - } | 41 | +.goods-consults-page { |
42 | + .goto-consult { | ||
43 | + padding: 0 pxToRem(28px); | ||
44 | + height: pxToRem(120px); | ||
45 | + background-color: #ffffff; | ||
46 | + i, | ||
47 | + span { | ||
48 | + line-height: pxToRem(120px); | ||
49 | + font-size: pxToRem(28px); | ||
50 | + color: $mainFontC; | ||
51 | + } | ||
52 | + .consult-logo { | ||
53 | + padding-right: pxToRem(15px); | ||
54 | + } | ||
55 | + .enter-consult-page { | ||
56 | + float: right; | ||
57 | + color: $subFontC; | ||
58 | + } | ||
59 | + } | ||
60 | + .goods-consults { | ||
61 | + .consult-item { | ||
62 | + padding: pxToRem(20px) pxToRem(28px); | ||
63 | + background-color: #fff; | ||
64 | + .question { | ||
65 | + font-size: pxToRem(24px); | ||
66 | + color: $mainFontC; | ||
67 | + span { | ||
68 | + display: block; | ||
69 | + float: left; | ||
70 | + font-size: inherit; | ||
71 | + padding-right: pxToRem(15px); | ||
72 | + } | ||
73 | + p { | ||
74 | + overflow: hidden; | ||
75 | + padding-bottom: pxToRem(15px); | ||
76 | + border-bottom: 1px solid $borderC; | ||
77 | + } | ||
78 | + } | ||
79 | + .time { | ||
80 | + font-size: pxToRem(22px); | ||
81 | + color: $subFontC; | ||
82 | + } | ||
83 | + .answer { | ||
84 | + font-size: pxToRem(24px); | ||
85 | + line-height: pxToRem(36px); | ||
86 | + color: $subFontC; | ||
87 | + margin-top: pxToRem(14px); | ||
88 | + span { | ||
89 | + display: block; | ||
90 | + float: left; | ||
91 | + font-size: inherit; | ||
92 | + color: $mainFontC; | ||
93 | + padding-right: pxToRem(15px); | ||
94 | + } | ||
95 | + p { | ||
96 | + overflow: hidden; | ||
97 | + } | ||
98 | + } | ||
99 | + } | ||
100 | + } | ||
101 | + .gap-block { | ||
102 | + min-height: 30rem/$pxConvertRem; | ||
103 | + background-color: #f0f0f0; | ||
104 | + } | ||
105 | +} | ||
100 | 106 | ||
101 | - .gap-block{ | ||
102 | - min-height: 30rem/$pxConvertRem; | ||
103 | - background-color: #f0f0f0; | ||
104 | - } | 107 | +.consult-form-page { |
108 | + padding: pxToRem(28px); | ||
109 | + text-align: center; | ||
110 | + textarea { | ||
111 | + box-sizing: border-box; | ||
112 | + width: 100%; | ||
113 | + height: pxToRem(400px); | ||
114 | + font-size: pxToRem(28px); | ||
115 | + padding: pxToRem(10px); | ||
116 | + color: $mainFontC; | ||
117 | + } | ||
118 | + a { | ||
119 | + display: inline-block; | ||
120 | + height: pxToRem(80px); | ||
121 | + width: pxToRem(360px); | ||
122 | + color: #fff; | ||
123 | + background-color: #444; | ||
124 | + font-size: pxToRem(40px); | ||
125 | + line-height: pxToRem(80px); | ||
126 | + text-align: center; | ||
127 | + margin-top: pxToRem(20px); | ||
128 | + } | ||
105 | } | 129 | } |
106 | 130 | ||
107 | -.consult-form-page{ | ||
108 | - padding: pxToRem(28px); | ||
109 | - text-align: center; | ||
110 | - textarea{ | ||
111 | - box-sizing:border-box; | ||
112 | - width: 100%; | ||
113 | - height: pxToRem(400px); | ||
114 | - font-size: pxToRem(28px); | ||
115 | - padding:pxToRem(10px); | ||
116 | - color:$mainFontC; | ||
117 | - } | ||
118 | - a{ | ||
119 | - display: inline-block; | ||
120 | - height: pxToRem(80px); | ||
121 | - width: pxToRem(360px); | ||
122 | - color: #fff; | ||
123 | - background-color: #444; | ||
124 | - font-size: pxToRem(40px); | ||
125 | - line-height: pxToRem(80px); | ||
126 | - text-align: center; | ||
127 | - margin-top: pxToRem(20px); | ||
128 | - } | ||
129 | -} | ||
131 | +.goods-detail-page { | ||
132 | + .feedback-list { | ||
133 | + padding-top: pxToRem(30px); | ||
134 | + background-color: #f0f0f0; | ||
135 | + .nav-tab { | ||
136 | + width: 100%; | ||
137 | + } | ||
138 | + .nav-tab { | ||
139 | + height: pxToRem(60px); | ||
140 | + padding: pxToRem(10px) 0; | ||
141 | + background-color: #fff; | ||
142 | + border-top: 1px solid $borderC; | ||
143 | + border-bottom: 1px solid $borderC; | ||
144 | + } | ||
145 | + .comment-nav, | ||
146 | + .consult-nav { | ||
147 | + box-sizing: border-box; | ||
148 | + float: left; | ||
149 | + width: 50%; | ||
150 | + height: pxToRem(60px); | ||
151 | + line-height: pxToRem(60px); | ||
152 | + font-size: pxToRem(28px); | ||
153 | + text-align: center; | ||
154 | + color: #ccc; | ||
155 | + &.focus { | ||
156 | + color: #000; | ||
157 | + } | ||
158 | + } | ||
159 | + .comment-nav { | ||
160 | + border-right: 1px solid #ccc; | ||
161 | + } | ||
162 | + .content { | ||
163 | + .content-main { | ||
164 | + background-color: #fff; | ||
165 | + border-bottom: 1px solid $borderC; | ||
166 | + &.comment-content-main { | ||
167 | + .user-name { | ||
168 | + font-size: pxToRem(24px); | ||
169 | + line-height: pxToRem(62px); | ||
170 | + color: $mainFontC; | ||
171 | + padding-left: pxToRem(28px); | ||
172 | + padding-right: pxToRem(18px); | ||
173 | + } | ||
174 | + .goods-spec, | ||
175 | + .comment-time { | ||
176 | + font-size: pxToRem(24px); | ||
177 | + line-height: pxToRem(62px); | ||
178 | + } | ||
179 | + .detail-content { | ||
180 | + // font-size: pxToRem(28px); | ||
181 | + // line-height: pxToRem(36px); | ||
182 | + font-size: pxToRem(24px); | ||
183 | + line-height: pxToRem(62px); | ||
184 | + color: $mainFontC; | ||
185 | + padding-left: pxToRem(28px); | ||
186 | + padding-right: pxToRem(18px); | ||
187 | + } | ||
188 | + .goods-spec, | ||
189 | + .comment-time { | ||
190 | + font-size: pxToRem(24px); | ||
191 | + line-height: pxToRem(62px); | ||
192 | + } | ||
193 | + .detail-content { | ||
194 | + font-size: pxToRem(28px); | ||
195 | + line-height: pxToRem(36px); | ||
196 | + } | ||
197 | + .goods-spec, | ||
198 | + .detail-content { | ||
199 | + color: $mainFontC; | ||
200 | + } | ||
201 | + .detail-content, | ||
202 | + .comment-time { | ||
203 | + padding-left: pxToRem(28px); | ||
204 | + } | ||
205 | + .detail-content { | ||
206 | + padding-right: pxToRem(28px); | ||
207 | + padding-left: pxToRem(28px); | ||
208 | + } | ||
209 | + .detail-content { | ||
210 | + padding-right: pxToRem(28px); | ||
211 | + } | ||
212 | + .comment-time { | ||
213 | + color: #c1c1c1; | ||
214 | + } | ||
215 | + } | ||
216 | + &.consult-content-main { | ||
217 | + padding-right: pxToRem(28px); | ||
218 | + padding-left: pxToRem(28px); | ||
219 | + padding-top: pxToRem(20px); | ||
220 | + padding-bottom: pxToRem(20px); | ||
221 | + .question { | ||
222 | + font-size: pxToRem(24px); | ||
223 | + color: $mainFontC; | ||
224 | + span { | ||
225 | + display: block; | ||
226 | + float: left; | ||
227 | + font-size: inherit; | ||
228 | + padding-right: pxToRem(15px); | ||
229 | + } | ||
230 | + p { | ||
231 | + overflow: hidden; | ||
232 | + } | ||
233 | + } | ||
234 | + .time { | ||
235 | + font-size: pxToRem(22px); | ||
236 | + color: $subFontC; | ||
237 | + } | ||
238 | + .answer { | ||
239 | + font-size: pxToRem(24px); | ||
240 | + line-height: pxToRem(36px); | ||
241 | + color: $subFontC; | ||
242 | + margin-top: pxToRem(14px); | ||
243 | + span { | ||
244 | + display: block; | ||
245 | + float: left; | ||
246 | + font-size: inherit; | ||
247 | + color: $mainFontC; | ||
248 | + padding-right: pxToRem(15px); | ||
249 | + } | ||
250 | + p { | ||
251 | + overflow: hidden; | ||
252 | + } | ||
253 | + } | ||
254 | + } | ||
255 | + } | ||
256 | + } | ||
257 | + | ||
258 | + .comment-content-footer, | ||
259 | + .consult-content-footer { | ||
260 | + min-height: pxToRem(88px); | ||
261 | + text-align: center; | ||
262 | + background-color: #fff; | ||
263 | + border-bottom: 1px solid $borderC; | ||
264 | + line-height: pxToRem(88px); | ||
265 | + font-size: pxToRem(28px); | ||
266 | + a { | ||
267 | + color: #e0e0e0; | ||
268 | + .iconfont { | ||
269 | + font-size: inherit; | ||
270 | + } | ||
271 | + } | ||
272 | + } | ||
273 | + | ||
274 | + .content.hide { | ||
275 | + display: none; | ||
276 | + } | ||
277 | + | ||
278 | + .nodata { | ||
279 | + height: pxToRem(88px); | ||
280 | + font-size: pxToRem(28px); | ||
281 | + line-height: pxToRem(88px); | ||
282 | + background-color: #fff; | ||
283 | + padding: 0 pxToRem(28px); | ||
284 | + .go-consult { | ||
285 | + float: right; | ||
286 | + color: $subFontC; | ||
287 | + span { | ||
288 | + font-size: pxToRem(28px); | ||
289 | + } | ||
290 | + } | ||
291 | + } | ||
292 | + | ||
293 | + | ||
294 | + } | ||
295 | +} |
@@ -87,7 +87,7 @@ $basicBtnC:#eb0313; | @@ -87,7 +87,7 @@ $basicBtnC:#eb0313; | ||
87 | font-size: pxToRem(20px); | 87 | font-size: pxToRem(20px); |
88 | line-height: pxToRem(35px); | 88 | line-height: pxToRem(35px); |
89 | background-color: #7cd881; | 89 | background-color: #7cd881; |
90 | - // z-index: 16; | 90 | + z-index: 2; |
91 | } | 91 | } |
92 | } | 92 | } |
93 | .banner-top { | 93 | .banner-top { |
@@ -432,6 +432,11 @@ $basicBtnC:#eb0313; | @@ -432,6 +432,11 @@ $basicBtnC:#eb0313; | ||
432 | height: pxToRem(28px); | 432 | height: pxToRem(28px); |
433 | margin-top: pxToRem(22px); | 433 | margin-top: pxToRem(22px); |
434 | } | 434 | } |
435 | + .desc-text { | ||
436 | + font-size: pxToRem(24px); | ||
437 | + margin-bottom: pxToRem(20px); | ||
438 | + color: $mainFontC; | ||
439 | + } | ||
435 | } | 440 | } |
436 | .tips { | 441 | .tips { |
437 | color: $subFontC; | 442 | color: $subFontC; |
@@ -472,8 +477,8 @@ $basicBtnC:#eb0313; | @@ -472,8 +477,8 @@ $basicBtnC:#eb0313; | ||
472 | } | 477 | } |
473 | .detail-swiper { | 478 | .detail-swiper { |
474 | .swiper-wrapper { | 479 | .swiper-wrapper { |
475 | - height: pxToRem(200px); | ||
476 | - overflow: hidden; | 480 | + // height: pxToRem(200px); |
481 | + // overflow: hidden; | ||
477 | .swiper-slide { | 482 | .swiper-slide { |
478 | width: pxToRem(114px); | 483 | width: pxToRem(114px); |
479 | div { | 484 | div { |
@@ -488,6 +493,7 @@ $basicBtnC:#eb0313; | @@ -488,6 +493,7 @@ $basicBtnC:#eb0313; | ||
488 | } | 493 | } |
489 | } | 494 | } |
490 | } | 495 | } |
496 | + //模特 | ||
491 | #reference-swiper-container { | 497 | #reference-swiper-container { |
492 | .first-group { | 498 | .first-group { |
493 | width: pxToRem(70px); | 499 | width: pxToRem(70px); |
@@ -500,6 +506,8 @@ $basicBtnC:#eb0313; | @@ -500,6 +506,8 @@ $basicBtnC:#eb0313; | ||
500 | } | 506 | } |
501 | } | 507 | } |
502 | } | 508 | } |
509 | + | ||
510 | + //测量方法 | ||
503 | .measurement-method { | 511 | .measurement-method { |
504 | .detail { | 512 | .detail { |
505 | width: 100%; | 513 | width: 100%; |
@@ -550,6 +558,8 @@ $basicBtnC:#eb0313; | @@ -550,6 +558,8 @@ $basicBtnC:#eb0313; | ||
550 | clear:both; | 558 | clear:both; |
551 | } | 559 | } |
552 | } | 560 | } |
561 | + | ||
562 | + //底部固定栏 | ||
553 | .cart-bar { | 563 | .cart-bar { |
554 | position: relative; | 564 | position: relative; |
555 | box-sizing: border-box; | 565 | box-sizing: border-box; |
@@ -44,12 +44,12 @@ | @@ -44,12 +44,12 @@ | ||
44 | 44 | ||
45 | {{#goodsDiscount}} | 45 | {{#goodsDiscount}} |
46 | <div class="goodsDiscount"> | 46 | <div class="goodsDiscount"> |
47 | - {{#each list}} | 47 | + {{#list}} |
48 | {{#if @first}} | 48 | {{#if @first}} |
49 | - <h1 class="first-item">{{title}}<span class="icon-down iconfont dropdown"></span></h1> | 49 | + <h1 class="first-item">{{text}}<span class="icon-down iconfont dropdown"></span></h1> |
50 | <div class="discount-folder"> | 50 | <div class="discount-folder"> |
51 | {{else}} | 51 | {{else}} |
52 | - <h1 class="folder-item">{{title}}</h1> | 52 | + <h1 class="folder-item">{{text}}</h1> |
53 | {{/if}} | 53 | {{/if}} |
54 | {{/list}} | 54 | {{/list}} |
55 | </div> | 55 | </div> |
@@ -59,14 +59,10 @@ | @@ -59,14 +59,10 @@ | ||
59 | <div class="feedback-list "> | 59 | <div class="feedback-list "> |
60 | {{# feedbacks}} | 60 | {{# feedbacks}} |
61 | {{#if commentsNum}} | 61 | {{#if commentsNum}} |
62 | - <!--tab begin--> | ||
63 | {{> product/feedback-tab}} | 62 | {{> product/feedback-tab}} |
64 | - <!--/tab end--> | ||
65 | {{else}} | 63 | {{else}} |
66 | {{#if consultsNum}} | 64 | {{#if consultsNum}} |
67 | - <!--tab begin--> | ||
68 | {{> product/feedback-tab}} | 65 | {{> product/feedback-tab}} |
69 | - <!--/tab end--> | ||
70 | {{else}} | 66 | {{else}} |
71 | <div class="nodata"> | 67 | <div class="nodata"> |
72 | <span>暂无商品评价和咨询</span> | 68 | <span>暂无商品评价和咨询</span> |
@@ -118,6 +114,7 @@ | @@ -118,6 +114,7 @@ | ||
118 | </div> | 114 | </div> |
119 | </div> | 115 | </div> |
120 | {{/detail}} | 116 | {{/detail}} |
117 | + <div class="desc-text">{{desc}}</div> | ||
121 | </div> | 118 | </div> |
122 | {{/goodsDescription}} | 119 | {{/goodsDescription}} |
123 | 120 | ||
@@ -135,9 +132,9 @@ | @@ -135,9 +132,9 @@ | ||
135 | <div class="swiper-wrapper"> | 132 | <div class="swiper-wrapper"> |
136 | {{#list}} | 133 | {{#list}} |
137 | <div class="swiper-slide " > | 134 | <div class="swiper-slide " > |
138 | - <div class="size-name cell">{{name}}</div> | ||
139 | - <div class="size-m cell">{{sizem}}</div> | ||
140 | - <div class="size-xl cell">{{sizexl}}</div> | 135 | + {{#params}} |
136 | + <div class="cell">{{param}}</div> | ||
137 | + {{/params}} | ||
141 | </div> | 138 | </div> |
142 | {{/list}} | 139 | {{/list}} |
143 | </div> | 140 | </div> |
@@ -166,7 +166,7 @@ | @@ -166,7 +166,7 @@ | ||
166 | {{!-- 商品详情评论 --}} | 166 | {{!-- 商品详情评论 --}} |
167 | {{#if goodsCommentsPage}} | 167 | {{#if goodsCommentsPage}} |
168 | <script> | 168 | <script> |
169 | - seajs.use('js/product/detail/comments'); | 169 | + seajs.use('js/product/detail/comments-consults'); |
170 | </script> | 170 | </script> |
171 | {{/if}} | 171 | {{/if}} |
172 | {{!-- 品类 --}} | 172 | {{!-- 品类 --}} |
-
Please register or login to post a comment