do modify product detail page call api
Showing
5 changed files
with
18 additions
and
10 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 | } |
| @@ -71,8 +71,9 @@ | @@ -71,8 +71,9 @@ | ||
| 71 | {{/if}} | 71 | {{/if}} |
| 72 | {{/ feedbacks}} | 72 | {{/ feedbacks}} |
| 73 | </div> | 73 | </div> |
| 74 | - <div class="gap-block"></div> | ||
| 75 | 74 | ||
| 75 | + <div class="gap-block"></div> | ||
| 76 | + | ||
| 76 | {{# enterStore}} | 77 | {{# enterStore}} |
| 77 | <div id="enter-store" class="enter-store page-block"> | 78 | <div id="enter-store" class="enter-store page-block"> |
| 78 | <a class="store-logo" href="{{url}}" style=""> | 79 | <a class="store-logo" href="{{url}}" style=""> |
| @@ -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