Showing
2 changed files
with
42 additions
and
0 deletions
@@ -55,6 +55,14 @@ | @@ -55,6 +55,14 @@ | ||
55 | <div class="product-item"> | 55 | <div class="product-item"> |
56 | <img src="{{image2 defaultImages w=200 h=282}}" alt="" class="prd-item-img"> | 56 | <img src="{{image2 defaultImages w=200 h=282}}" alt="" class="prd-item-img"> |
57 | <div class="prd-info"> | 57 | <div class="prd-info"> |
58 | + <div class="prd-name">{{productName}}</div> | ||
59 | + <div class="price"> | ||
60 | + <span class="cprice">¥{{collagePrice}}</span> | ||
61 | + <span class="mprice">¥{{marketPrice}}</span> | ||
62 | + </div> | ||
63 | + {{#ifcond joinPeopleNum '>' 0}} | ||
64 | + <span class="joined">{{joinPeopleNum}} 人已參加</span> | ||
65 | + {{/ifcond}} | ||
58 | <div class="buy-btn"> | 66 | <div class="buy-btn"> |
59 | <span class="num">{{peopleNum}}人成团</span> | 67 | <span class="num">{{peopleNum}}人成团</span> |
60 | <span class="immediate">立即购买</span> | 68 | <span class="immediate">立即购买</span> |
@@ -168,8 +168,42 @@ | @@ -168,8 +168,42 @@ | ||
168 | } | 168 | } |
169 | 169 | ||
170 | .prd-info { | 170 | .prd-info { |
171 | + position: relative; | ||
171 | padding-left: 220px; | 172 | padding-left: 220px; |
172 | height: 260px; | 173 | height: 260px; |
174 | + | ||
175 | + .prd-name { | ||
176 | + font-size: 28px; | ||
177 | + color: #444; | ||
178 | + line-height: 1.4; | ||
179 | + } | ||
180 | + } | ||
181 | + | ||
182 | + .prd-info .price { | ||
183 | + font-size: 0; | ||
184 | + margin-top: 30px; | ||
185 | + } | ||
186 | + | ||
187 | + .prd-info .price .cprice { | ||
188 | + font-size: 36px; | ||
189 | + color: #d0021b; | ||
190 | + font-weight: bold; | ||
191 | + } | ||
192 | + | ||
193 | + .prd-info .price .mprice { | ||
194 | + font-size: 24px; | ||
195 | + color: #b0b0b0; | ||
196 | + margin-left: 20px; | ||
197 | + text-decoration: line-through; | ||
198 | + } | ||
199 | + | ||
200 | + .prd-info .joined { | ||
201 | + position: absolute; | ||
202 | + bottom: 0; | ||
203 | + left: 240px; | ||
204 | + font-size: 24px; | ||
205 | + color: #444; | ||
206 | + font-weight: 400; | ||
173 | } | 207 | } |
174 | 208 | ||
175 | .prd-info .buy-btn { | 209 | .prd-info .buy-btn { |
-
Please register or login to post a comment