fixed bugs in goods detail page
Showing
6 changed files
with
25 additions
and
20 deletions
@@ -19,7 +19,6 @@ lazyLoad($('img.lazy')); | @@ -19,7 +19,6 @@ lazyLoad($('img.lazy')); | ||
19 | goodsSwiper = new Swiper('.banner-swiper', { | 19 | goodsSwiper = new Swiper('.banner-swiper', { |
20 | lazyLoading: true, | 20 | lazyLoading: true, |
21 | lazyLoadingInPrevNext: true, | 21 | lazyLoadingInPrevNext: true, |
22 | - loop: true, | ||
23 | paginationClickable: true, | 22 | paginationClickable: true, |
24 | pagination: '.banner-top .pagination-inner', | 23 | pagination: '.banner-top .pagination-inner', |
25 | nextButton: '.my-swiper-button-next', | 24 | nextButton: '.my-swiper-button-next', |
@@ -111,10 +111,17 @@ $basicBtnC:#eb0313; | @@ -111,10 +111,17 @@ $basicBtnC:#eb0313; | ||
111 | display: table-cell; | 111 | display: table-cell; |
112 | padding: pxToRem(16px) pxToRem(12px); | 112 | padding: pxToRem(16px) pxToRem(12px); |
113 | width: 50%; | 113 | width: 50%; |
114 | - border: 1px solid #fff; | 114 | + border-bottom: 1px solid #fff; |
115 | + border-right: 1px solid #fff; | ||
115 | font-size: pxToRem(24px); | 116 | font-size: pxToRem(24px); |
116 | background-color: $tableCellC; | 117 | background-color: $tableCellC; |
117 | float: left; | 118 | float: left; |
119 | + &:last-child{ | ||
120 | + border-bottom: none; | ||
121 | + } | ||
122 | + &:nth-child(even){ | ||
123 | + border-right: none; | ||
124 | + } | ||
118 | } | 125 | } |
119 | // } | 126 | // } |
120 | } | 127 | } |
@@ -185,7 +192,6 @@ $basicBtnC:#eb0313; | @@ -185,7 +192,6 @@ $basicBtnC:#eb0313; | ||
185 | padding-left: pxToRem(28px); | 192 | padding-left: pxToRem(28px); |
186 | padding-right: pxToRem(28px); | 193 | padding-right: pxToRem(28px); |
187 | border-bottom: 1px solid $borderC; | 194 | border-bottom: 1px solid $borderC; |
188 | - margin-bottom: pxToRem(30px); | ||
189 | background-color: #f4f4f4; | 195 | background-color: #f4f4f4; |
190 | } | 196 | } |
191 | .price-date { | 197 | .price-date { |
@@ -13,11 +13,14 @@ | @@ -13,11 +13,14 @@ | ||
13 | &.table .inner-container{ | 13 | &.table .inner-container{ |
14 | background-color: $tableCellC; | 14 | background-color: $tableCellC; |
15 | } | 15 | } |
16 | + margin-bottom: 1px; | ||
16 | } | 17 | } |
17 | .desc-text { | 18 | .desc-text { |
18 | font-size: pxToRem(24px); | 19 | font-size: pxToRem(24px); |
20 | + padding: pxToRem(16px) pxToRem(12px); | ||
19 | margin-bottom: pxToRem(20px); | 21 | margin-bottom: pxToRem(20px); |
20 | color: $mainFontC; | 22 | color: $mainFontC; |
23 | + background-color: $tableCellC; | ||
21 | } | 24 | } |
22 | } | 25 | } |
23 | .tips { | 26 | .tips { |
@@ -47,6 +50,9 @@ | @@ -47,6 +50,9 @@ | ||
47 | font-size: pxToRem(24px); | 50 | font-size: pxToRem(24px); |
48 | overflow: hidden; | 51 | overflow: hidden; |
49 | } | 52 | } |
53 | + &:last-child{ | ||
54 | + border-bottom: none; | ||
55 | + } | ||
50 | } | 56 | } |
51 | } | 57 | } |
52 | // .material-type { | 58 | // .material-type { |
@@ -39,8 +39,8 @@ | @@ -39,8 +39,8 @@ | ||
39 | <div class="price-date"> | 39 | <div class="price-date"> |
40 | {{# goodsPrice}} | 40 | {{# goodsPrice}} |
41 | <div class="goodsPrice"> | 41 | <div class="goodsPrice"> |
42 | - <h1 class="currentPrice">{{currentPrice}}</h1> | ||
43 | - <h1 class="previousPrice">{{previousPrice}}</h1> | 42 | + <h1 class="currentPrice">¥{{currentPrice}}</h1> |
43 | + <h1 class="previousPrice">¥{{previousPrice}}</h1> | ||
44 | </div> | 44 | </div> |
45 | {{/ goodsPrice}} | 45 | {{/ goodsPrice}} |
46 | 46 | ||
@@ -57,7 +57,6 @@ | @@ -57,7 +57,6 @@ | ||
57 | {{# list}} | 57 | {{# list}} |
58 | <li class="icons-item"> | 58 | <li class="icons-item"> |
59 | <span class="vip-img" style="background-size:cover;"> | 59 | <span class="vip-img" style="background-size:cover;"> |
60 | - <!-- <div class="img" alt="" style="background-size:cover;"></div> --> | ||
61 | </span> | 60 | </span> |
62 | <span class="vip-price">{{text}}</span> | 61 | <span class="vip-price">{{text}}</span> |
63 | </li> | 62 | </li> |
@@ -65,17 +64,6 @@ | @@ -65,17 +64,6 @@ | ||
65 | </ul> | 64 | </ul> |
66 | {{/vipLevel}} | 65 | {{/vipLevel}} |
67 | 66 | ||
68 | - <!-- {{# vipLevel}} | ||
69 | - <div class="vipLevel"> | ||
70 | - {{# list}} | ||
71 | - <span class="vip-img"> | ||
72 | - <div class="img" alt="" style="background-size:cover;"></div> | ||
73 | - </span> | ||
74 | - <span class="vip-price">{{text}}</span> | ||
75 | - {{/ list}} | ||
76 | - </div> | ||
77 | - {{/ vipLevel}} --> | ||
78 | - | ||
79 | {{# goodsDiscount}} | 67 | {{# goodsDiscount}} |
80 | <div class="goodsDiscount"> | 68 | <div class="goodsDiscount"> |
81 | {{# list}} | 69 | {{# list}} |
@@ -117,7 +105,8 @@ | @@ -117,7 +105,8 @@ | ||
117 | </div> | 105 | </div> |
118 | {{/ enterStore}} | 106 | {{/ enterStore}} |
119 | 107 | ||
120 | - <div id="productDesc"></div> | 108 | + <!-- <div id="productDesc"></div> --> |
109 | + {{> product/product-description}} | ||
121 | {{> product/recommend-for-you}} | 110 | {{> product/recommend-for-you}} |
122 | 111 | ||
123 | {{#cartInfo}} | 112 | {{#cartInfo}} |
@@ -59,7 +59,7 @@ | @@ -59,7 +59,7 @@ | ||
59 | <span class="iconfont"></span>暂无咨询 | 59 | <span class="iconfont"></span>暂无咨询 |
60 | </div> | 60 | </div> |
61 | <div class="consult-content-footer"> | 61 | <div class="consult-content-footer"> |
62 | - <a href="/consultform"> | 62 | + <a href="/product/detail/consultform"> |
63 | 我要咨询 | 63 | 我要咨询 |
64 | <span class="iconfont"></span></a> | 64 | <span class="iconfont"></span></a> |
65 | </div> | 65 | </div> |
@@ -67,7 +67,12 @@ | @@ -67,7 +67,12 @@ | ||
67 | {{#list}} | 67 | {{#list}} |
68 | {{#if @first}} | 68 | {{#if @first}} |
69 | <div class="swiper-slide first-group" > | 69 | <div class="swiper-slide first-group" > |
70 | - | 70 | + {{#params}} |
71 | + {{#if @first}} | ||
72 | + {{else}} | ||
73 | + <img class="avatar lazy" data-original="{{param}}" alt=""> | ||
74 | + {{/if}} | ||
75 | + {{/params}} | ||
71 | </div> | 76 | </div> |
72 | {{else}} | 77 | {{else}} |
73 | <div class="swiper-slide" > | 78 | <div class="swiper-slide" > |
-
Please register or login to post a comment