do modify product detail page call api
Showing
5 changed files
with
17 additions
and
9 deletions
@@ -131,6 +131,7 @@ | @@ -131,6 +131,7 @@ | ||
131 | .good-detail-page { | 131 | .good-detail-page { |
132 | .feedback-list { | 132 | .feedback-list { |
133 | padding-top: pxToRem(30px); | 133 | padding-top: pxToRem(30px); |
134 | + margin-bottom: pxToRem(30px); | ||
134 | background-color: #f0f0f0; | 135 | background-color: #f0f0f0; |
135 | .nav-tab { | 136 | .nav-tab { |
136 | width: 100%; | 137 | width: 100%; |
@@ -41,6 +41,7 @@ $basicBtnC:#eb0313; | @@ -41,6 +41,7 @@ $basicBtnC:#eb0313; | ||
41 | border-bottom: 1px solid $borderC; | 41 | border-bottom: 1px solid $borderC; |
42 | border-top: 1px solid $borderC; | 42 | border-top: 1px solid $borderC; |
43 | padding: 0 pxToRem(28px); | 43 | padding: 0 pxToRem(28px); |
44 | + margin-bottom: pxToRem(30px); | ||
44 | >.title { | 45 | >.title { |
45 | line-height: pxToRem(88px); | 46 | line-height: pxToRem(88px); |
46 | color: $mainFontC; | 47 | color: $mainFontC; |
@@ -146,6 +147,7 @@ $basicBtnC:#eb0313; | @@ -146,6 +147,7 @@ $basicBtnC:#eb0313; | ||
146 | padding-left: pxToRem(28px); | 147 | padding-left: pxToRem(28px); |
147 | padding-right: pxToRem(28px); | 148 | padding-right: pxToRem(28px); |
148 | border-bottom: 1px solid $borderC; | 149 | border-bottom: 1px solid $borderC; |
150 | + margin-bottom: pxToRem(30px); | ||
149 | background-color: #f4f4f4; | 151 | background-color: #f4f4f4; |
150 | } | 152 | } |
151 | .price-date { | 153 | .price-date { |
@@ -22,6 +22,9 @@ | @@ -22,6 +22,9 @@ | ||
22 | margin-top: pxToRem(20px); | 22 | margin-top: pxToRem(20px); |
23 | } | 23 | } |
24 | .materials { | 24 | .materials { |
25 | + &.page-block{ | ||
26 | + margin-bottom: 0; | ||
27 | + } | ||
25 | .detail { | 28 | .detail { |
26 | .material-item{ | 29 | .material-item{ |
27 | min-height: pxToRem(136px); | 30 | min-height: pxToRem(136px); |
@@ -52,7 +55,7 @@ | @@ -52,7 +55,7 @@ | ||
52 | .wash-tips{ | 55 | .wash-tips{ |
53 | padding-top:pxToRem(18px); | 56 | padding-top:pxToRem(18px); |
54 | &.page-block{ | 57 | &.page-block{ |
55 | - border-top: none; | 58 | + border-top: 0px; |
56 | padding-left: pxToRem(15px); | 59 | padding-left: pxToRem(15px); |
57 | padding-right: pxToRem(15px); | 60 | padding-right: pxToRem(15px); |
58 | } | 61 | } |
@@ -16,7 +16,7 @@ | @@ -16,7 +16,7 @@ | ||
16 | </div> | 16 | </div> |
17 | {{/goodsDescription}} | 17 | {{/goodsDescription}} |
18 | 18 | ||
19 | -<div class="gap-block"></div> | 19 | +<!-- <div class="gap-block"></div> --> |
20 | 20 | ||
21 | {{#sizeInfo}} | 21 | {{#sizeInfo}} |
22 | <div class="size-info page-block"> | 22 | <div class="size-info page-block"> |
@@ -43,7 +43,7 @@ | @@ -43,7 +43,7 @@ | ||
43 | </div> | 43 | </div> |
44 | {{/sizeInfo}} | 44 | {{/sizeInfo}} |
45 | 45 | ||
46 | -<div class="gap-block"></div> | 46 | +<!-- <div class="gap-block"></div> --> |
47 | 47 | ||
48 | {{#measurementMethod}} | 48 | {{#measurementMethod}} |
49 | <div class="measurement-method page-block"> | 49 | <div class="measurement-method page-block"> |
@@ -57,7 +57,7 @@ | @@ -57,7 +57,7 @@ | ||
57 | </div> | 57 | </div> |
58 | {{/measurementMethod}} | 58 | {{/measurementMethod}} |
59 | 59 | ||
60 | -<div class="gap-block"></div> | 60 | +<!-- <div class="gap-block"></div> --> |
61 | 61 | ||
62 | {{#reference}} | 62 | {{#reference}} |
63 | <div class="size-info page-block"> | 63 | <div class="size-info page-block"> |
@@ -90,7 +90,7 @@ | @@ -90,7 +90,7 @@ | ||
90 | </div> | 90 | </div> |
91 | {{/reference}} | 91 | {{/reference}} |
92 | 92 | ||
93 | -<div class="gap-block"></div> | 93 | +<!-- <div class="gap-block"></div> --> |
94 | 94 | ||
95 | {{#materials}} | 95 | {{#materials}} |
96 | <div class="materials page-block"> | 96 | <div class="materials page-block"> |
@@ -111,18 +111,19 @@ | @@ -111,18 +111,19 @@ | ||
111 | </div> | 111 | </div> |
112 | {{/materials}} | 112 | {{/materials}} |
113 | 113 | ||
114 | +{{#washTips}} | ||
114 | <div class="wash-tips page-block"> | 115 | <div class="wash-tips page-block"> |
115 | <div class="detail table clearfix"> | 116 | <div class="detail table clearfix"> |
116 | - {{#washTips}} | 117 | + {{#list}} |
117 | <div class="tip"> | 118 | <div class="tip"> |
118 | <img src="{{img}}" alt=""> | 119 | <img src="{{img}}" alt=""> |
119 | <span class="caption">{{caption}}</span> | 120 | <span class="caption">{{caption}}</span> |
120 | </div> | 121 | </div> |
121 | - {{/washTips}} | 122 | + {{/list}} |
122 | </div> | 123 | </div> |
123 | </div> | 124 | </div> |
124 | - | ||
125 | -<div class="gap-block"></div> | 125 | +{{/washTips}} |
126 | +<!-- <div class="gap-block"></div> --> | ||
126 | 127 | ||
127 | {{#productDetail}} | 128 | {{#productDetail}} |
128 | <div class="product-detail page-block"> | 129 | <div class="product-detail page-block"> |
-
Please register or login to post a comment