fe / YOHOBUYPC · Commits

Go to a project

Authored by Lynnic
Commit 0d7469eca0163f8bffc79545ca0195b0ef90b3b3 1 parent 93d7b42e

update

Inline Side-by-side
Showing 4 changed files with 100 additions and 254 deletions
@@ -151,6 +151,7 @@ a { @@ -151,6 +151,7 @@ a {
151 @import "category/index"; 151 @import "category/index";
152 @import "product/index"; 152 @import "product/index";
153 @import "product/comments-consults"; 153 @import "product/comments-consults";
  154 +@import "product/product-description";
154 @import "index/index"; 155 @import "index/index";
155 @import "shopping-cart/index"; 156 @import "shopping-cart/index";
156 @import "me/index"; //个人中心 157 @import "me/index"; //个人中心
@@ -128,7 +128,7 @@ @@ -128,7 +128,7 @@
128 } 128 }
129 } 129 }
130 130
131 -.goods-detail-page { 131 +.good-detail-page {
132 .feedback-list { 132 .feedback-list {
133 padding-top: pxToRem(30px); 133 padding-top: pxToRem(30px);
134 background-color: #f0f0f0; 134 background-color: #f0f0f0;
@@ -247,164 +247,7 @@ $basicBtnC:#eb0313; @@ -247,164 +247,7 @@ $basicBtnC:#eb0313;
247 .goodsDiscount { 247 .goodsDiscount {
248 text-indent: pxToRem(-14px); 248 text-indent: pxToRem(-14px);
249 } 249 }
250 - .feedback-list {  
251 - padding-top: pxToRem(30px);  
252 - background-color: #f0f0f0;  
253 - .nav-tab {  
254 - width: 100%;  
255 - }  
256 - .nav-tab {  
257 - height: pxToRem(60px);  
258 - padding: pxToRem(10px) 0;  
259 - background-color: #fff;  
260 - border-top: 1px solid $borderC;  
261 - border-bottom: 1px solid $borderC;  
262 - }  
263 - .comment-nav,  
264 - .consult-nav {  
265 - box-sizing: border-box;  
266 - float: left;  
267 - width: 50%;  
268 - height: pxToRem(60px);  
269 - line-height: pxToRem(60px);  
270 - font-size: pxToRem(28px);  
271 - text-align: center;  
272 - color: #ccc;  
273 - &.focus {  
274 - color: #000;  
275 - }  
276 - }  
277 - .comment-nav {  
278 - border-right: 1px solid #ccc;  
279 - }  
280 - .content {  
281 - .content-main {  
282 - background-color: #fff;  
283 - border-bottom: 1px solid $borderC;  
284 - &.comment-content-main {  
285 - .user-name {  
286 - font-size: pxToRem(24px);  
287 - line-height: pxToRem(62px);  
288 - color: $mainFontC;  
289 - padding-left: pxToRem(28px);  
290 - padding-right: pxToRem(18px);  
291 - }  
292 - .goods-spec,  
293 - .comment-time {  
294 - font-size: pxToRem(24px);  
295 - line-height: pxToRem(62px);  
296 - }  
297 - .detail-content {  
298 - // font-size: pxToRem(28px);  
299 - // line-height: pxToRem(36px);  
300 - font-size: pxToRem(24px);  
301 - line-height: pxToRem(62px);  
302 - color: $mainFontC;  
303 - padding-left: pxToRem(28px);  
304 - padding-right: pxToRem(18px);  
305 - }  
306 - .goods-spec,  
307 - .comment-time {  
308 - font-size: pxToRem(24px);  
309 - line-height: pxToRem(62px);  
310 - }  
311 - .detail-content {  
312 - font-size: pxToRem(28px);  
313 - line-height: pxToRem(36px);  
314 - }  
315 - .goods-spec,  
316 - .detail-content {  
317 - color: $mainFontC;  
318 - }  
319 - .detail-content,  
320 - .comment-time {  
321 - padding-left: pxToRem(28px);  
322 - }  
323 - .detail-content {  
324 - padding-right: pxToRem(28px);  
325 - padding-left: pxToRem(28px);  
326 - }  
327 - .detail-content {  
328 - padding-right: pxToRem(28px);  
329 - }  
330 - .comment-time {  
331 - color: #c1c1c1;  
332 - }  
333 - }  
334 - &.consult-content-main {  
335 - padding-right: pxToRem(28px);  
336 - padding-left: pxToRem(28px);  
337 - padding-top: pxToRem(20px);  
338 - padding-bottom: pxToRem(20px);  
339 - .question {  
340 - font-size: pxToRem(24px);  
341 - color: $mainFontC;  
342 - span {  
343 - display: block;  
344 - float: left;  
345 - font-size: inherit;  
346 - padding-right: pxToRem(15px);  
347 - }  
348 - p {  
349 - overflow: hidden;  
350 - }  
351 - }  
352 - .time {  
353 - font-size: pxToRem(22px);  
354 - color: $subFontC;  
355 - }  
356 - .answer {  
357 - font-size: pxToRem(24px);  
358 - line-height: pxToRem(36px);  
359 - color: $subFontC;  
360 - margin-top: pxToRem(14px);  
361 - span {  
362 - display: block;  
363 - float: left;  
364 - font-size: inherit;  
365 - color: $mainFontC;  
366 - padding-right: pxToRem(15px);  
367 - }  
368 - p {  
369 - overflow: hidden;  
370 - }  
371 - }  
372 - }  
373 - }  
374 - }  
375 - .comment-content-footer,  
376 - .consult-content-footer {  
377 - min-height: pxToRem(88px);  
378 - text-align: center;  
379 - background-color: #fff;  
380 - border-bottom: 1px solid $borderC;  
381 - line-height: pxToRem(88px);  
382 - font-size: pxToRem(28px);  
383 - a {  
384 - color: #e0e0e0;  
385 - .iconfont {  
386 - font-size: inherit;  
387 - }  
388 - }  
389 - }  
390 - .content.hide {  
391 - display: none;  
392 - }  
393 - }  
394 - .feedback-list .nodata {  
395 - height: pxToRem(88px);  
396 - font-size: pxToRem(28px);  
397 - line-height: pxToRem(88px);  
398 - background-color: #fff;  
399 - padding: 0 pxToRem(28px);  
400 - .go-consult {  
401 - float: right;  
402 - color: $subFontC;  
403 - span {  
404 - font-size: pxToRem(28px);  
405 - }  
406 - }  
407 - } 250 +
408 .enter-store { 251 .enter-store {
409 min-height: pxToRem(100px); 252 min-height: pxToRem(100px);
410 display: table; 253 display: table;
@@ -435,101 +278,6 @@ $basicBtnC:#eb0313; @@ -435,101 +278,6 @@ $basicBtnC:#eb0313;
435 } 278 }
436 } 279 }
437 } 280 }
438 - .goods-desc {  
439 - .service {  
440 - width: pxToRem(489px);  
441 - height: pxToRem(28px);  
442 - margin-top: pxToRem(22px);  
443 - }  
444 - .desc-text {  
445 - font-size: pxToRem(24px);  
446 - margin-bottom: pxToRem(20px);  
447 - color: $mainFontC;  
448 - }  
449 - }  
450 - .tips {  
451 - color: $subFontC;  
452 - font-size: pxToRem(18px);  
453 - margin-top: pxToRem(20px);  
454 - }  
455 - .materials {  
456 - .detail {  
457 - img {  
458 - display: block;  
459 - overflow: hidden;  
460 - width: pxToRem(90px);  
461 - height: pxToRem(120px);  
462 - padding-right: pxToRem(20px);  
463 - float: left;  
464 - }  
465 - .material-desc {  
466 - font-size: pxToRem(24px);  
467 - overflow: hidden;  
468 - }  
469 - }  
470 - .material-type {  
471 - width: pxToRem(581px);  
472 - height: pxToRem(99px);  
473 - border-top: 1px solid $borderC;  
474 - padding: pxToRem(17px) 0;  
475 - }  
476 - }  
477 - .product-detail {  
478 - .detail {  
479 - img {  
480 - margin-top: pxToRem(20px);  
481 - width: pxToRem(581px);  
482 - height: pxToRem(772px);  
483 - }  
484 - }  
485 - margin-bottom: pxToRem(120px);  
486 - }  
487 - .detail-swiper {  
488 - .swiper-wrapper {  
489 - // height: pxToRem(200px);  
490 - // overflow: hidden;  
491 - .swiper-slide {  
492 - width: pxToRem(114px);  
493 - div {  
494 - text-align: center;  
495 - &.cell {  
496 - font-size: pxToRem(24px);  
497 - background-color: $tableCellC;  
498 - padding: pxToRem(15px) 0;  
499 - border: 1px solid #fff;  
500 - }  
501 - }  
502 - }  
503 - }  
504 - }  
505 - //模特  
506 - #reference-swiper-container {  
507 - .first-group {  
508 - width: pxToRem(70px);  
509 - margin-top: pxToRem(66px);  
510 - .avatar {  
511 - line-height: pxToRem(40px);  
512 - width: pxToRem(40px);  
513 - height: pxToRem(40px);  
514 - margin: pxToRem(18px) 0;  
515 - }  
516 - }  
517 - }  
518 -  
519 - //测量方法  
520 - .measurement-method {  
521 - .detail {  
522 - width: 100%;  
523 - height: pxToRem(260px);  
524 - img {  
525 - float: left;  
526 - width: 100%;  
527 - height: pxToRem(239px);  
528 - margin-top: pxToRem(18px);  
529 - margin-right: pxToRem(28px);  
530 - }  
531 - }  
532 - }  
533 281
534 //底部固定栏 282 //底部固定栏
535 .cart-bar { 283 .cart-bar {
  1 +.good-detail-page{
  2 + .goods-desc {
  3 + .service {
  4 + width: pxToRem(489px);
  5 + height: pxToRem(28px);
  6 + margin-top: pxToRem(22px);
  7 + }
  8 + .desc-text {
  9 + font-size: pxToRem(24px);
  10 + margin-bottom: pxToRem(20px);
  11 + color: $mainFontC;
  12 + }
  13 + }
  14 + .tips {
  15 + color: $subFontC;
  16 + font-size: pxToRem(18px);
  17 + margin-top: pxToRem(20px);
  18 + }
  19 + .materials {
  20 + .detail {
  21 + img {
  22 + display: block;
  23 + overflow: hidden;
  24 + width: pxToRem(90px);
  25 + height: pxToRem(120px);
  26 + padding-right: pxToRem(20px);
  27 + float: left;
  28 + }
  29 + .material-desc {
  30 + font-size: pxToRem(24px);
  31 + overflow: hidden;
  32 + }
  33 + }
  34 + .material-type {
  35 + width: pxToRem(581px);
  36 + height: pxToRem(99px);
  37 + border-top: 1px solid $borderC;
  38 + padding: pxToRem(17px) 0;
  39 + }
  40 + }
  41 + .product-detail {
  42 + .detail {
  43 + img {
  44 + margin-top: pxToRem(20px);
  45 + width: pxToRem(581px);
  46 + height: pxToRem(772px);
  47 + }
  48 + }
  49 + margin-bottom: pxToRem(120px);
  50 + }
  51 + .detail-swiper {
  52 + .swiper-wrapper {
  53 + // height: pxToRem(200px);
  54 + // overflow: hidden;
  55 + .swiper-slide {
  56 + width: pxToRem(114px);
  57 + div {
  58 + text-align: center;
  59 + &.cell {
  60 + font-size: pxToRem(24px);
  61 + background-color: $tableCellC;
  62 + padding: pxToRem(15px) 0;
  63 + border: 1px solid #fff;
  64 + }
  65 + }
  66 + }
  67 + }
  68 + }
  69 + //模特
  70 + #reference-swiper-container {
  71 + .first-group {
  72 + width: pxToRem(70px);
  73 + margin-top: pxToRem(66px);
  74 + .avatar {
  75 + line-height: pxToRem(40px);
  76 + width: pxToRem(40px);
  77 + height: pxToRem(40px);
  78 + margin: pxToRem(18px) 0;
  79 + }
  80 + }
  81 + }
  82 +
  83 + //测量方法
  84 + .measurement-method {
  85 + .detail {
  86 + width: 100%;
  87 + height: pxToRem(260px);
  88 + img {
  89 + float: left;
  90 + width: 100%;
  91 + height: pxToRem(239px);
  92 + margin-top: pxToRem(18px);
  93 + margin-right: pxToRem(28px);
  94 + }
  95 + }
  96 + }
  97 +}