Showing
2 changed files
with
107 additions
and
98 deletions
@@ -287,114 +287,114 @@ | @@ -287,114 +287,114 @@ | ||
287 | } | 287 | } |
288 | 288 | ||
289 | 289 | ||
290 | -.order-good { | ||
291 | - position: relative; | ||
292 | - padding: 20px 0; | ||
293 | - margin-left: 34px; | ||
294 | - height: 160px; | ||
295 | - border-bottom: 1px solid #e0e0e0; | ||
296 | - font-size: 26px; | ||
297 | - | ||
298 | - &:last-child { | ||
299 | - border-bottom: none; | ||
300 | - } | ||
301 | - | ||
302 | - .thumb-wrap { | 290 | + .order-good { |
303 | position: relative; | 291 | position: relative; |
304 | - float: left; | ||
305 | - width: 120px; | 292 | + padding: 20px 0; |
293 | + margin-left: 34px; | ||
306 | height: 160px; | 294 | height: 160px; |
307 | - } | 295 | + border-bottom: 1px solid #e0e0e0; |
296 | + font-size: 26px; | ||
308 | 297 | ||
309 | - .thumb { | ||
310 | - width: 100%; | ||
311 | - height: 100%; | ||
312 | - } | 298 | + &:last-child { |
299 | + border-bottom: none; | ||
300 | + } | ||
313 | 301 | ||
314 | - .tag { | ||
315 | - position: absolute; | ||
316 | - bottom: 0; | ||
317 | - left: 0; | ||
318 | - right: 0; | ||
319 | - color: #fff; | ||
320 | - text-align: center; | ||
321 | - font-size: 12px; | 302 | + .thumb-wrap { |
303 | + position: relative; | ||
304 | + float: left; | ||
305 | + width: 120px; | ||
306 | + height: 160px; | ||
307 | + } | ||
322 | 308 | ||
323 | - &:before { | ||
324 | - display: block; | ||
325 | - line-height: 1; | ||
326 | - transform:scale(0.833); | 309 | + .thumb { |
310 | + width: 100%; | ||
311 | + height: 100%; | ||
327 | } | 312 | } |
328 | - } | ||
329 | 313 | ||
330 | - .gift-tag { | ||
331 | - height: 25px; | ||
332 | - background: #a1ce4e; | 314 | + .tag { |
315 | + position: absolute; | ||
316 | + bottom: 0; | ||
317 | + left: 0; | ||
318 | + right: 0; | ||
319 | + color: #fff; | ||
320 | + text-align: center; | ||
321 | + font-size: 12px; | ||
333 | 322 | ||
334 | - &:before { | ||
335 | - content: '赠品'; | 323 | + &:before { |
324 | + display: block; | ||
325 | + line-height: 1; | ||
326 | + transform:scale(0.833); | ||
327 | + } | ||
336 | } | 328 | } |
337 | - } | ||
338 | 329 | ||
339 | - .advance-buy-tag { | ||
340 | - height: 25px; | ||
341 | - background: #eb76aa; | 330 | + .gift-tag { |
331 | + height: 25px; | ||
332 | + background: #a1ce4e; | ||
342 | 333 | ||
343 | - &:before { | ||
344 | - content: '加价购'; | 334 | + &:before { |
335 | + content: '赠品'; | ||
336 | + } | ||
345 | } | 337 | } |
346 | - } | ||
347 | 338 | ||
348 | - .deps { | ||
349 | - margin-left: 135px; | ||
350 | - } | 339 | + .advance-buy-tag { |
340 | + height: 25px; | ||
341 | + background: #eb76aa; | ||
351 | 342 | ||
352 | - .name { | ||
353 | - font-size: 28px; | ||
354 | - max-width: 70%; | ||
355 | - text-overflow: -o-ellipsis-lastline; | ||
356 | - overflow: hidden; | ||
357 | - text-overflow: ellipsis; | ||
358 | - display: -webkit-box; | ||
359 | - -webkit-line-clamp: 2; | ||
360 | - -webkit-box-orient: vertical; | ||
361 | - } | 343 | + &:before { |
344 | + content: '加价购'; | ||
345 | + } | ||
346 | + } | ||
362 | 347 | ||
363 | - .row:nth-child(2) { | ||
364 | - height: 45px; | ||
365 | - line-height: 45px; | 348 | + .deps { |
349 | + margin-left: 135px; | ||
350 | + } | ||
366 | 351 | ||
367 | - > span { | ||
368 | - margin-right: 15px; | 352 | + .name { |
353 | + font-size: 28px; | ||
354 | + max-width: 70%; | ||
355 | + text-overflow: -o-ellipsis-lastline; | ||
356 | + overflow: hidden; | ||
357 | + text-overflow: ellipsis; | ||
358 | + display: -webkit-box; | ||
359 | + -webkit-line-clamp: 2; | ||
360 | + -webkit-box-orient: vertical; | ||
369 | } | 361 | } |
370 | - } | ||
371 | 362 | ||
372 | - .color, .size { | ||
373 | - color: #b6b6b6; | ||
374 | - } | 363 | + .row:nth-child(2) { |
364 | + height: 45px; | ||
365 | + line-height: 45px; | ||
375 | 366 | ||
376 | - .price-wrap { | ||
377 | - position: absolute; | ||
378 | - top: 20px; | ||
379 | - right: 30px; | ||
380 | - text-align: right; | ||
381 | - } | 367 | + > span { |
368 | + margin-right: 15px; | ||
369 | + } | ||
370 | + } | ||
382 | 371 | ||
383 | - .price { | ||
384 | - color: #e01; | ||
385 | - } | 372 | + .color, .size { |
373 | + color: #b6b6b6; | ||
374 | + } | ||
386 | 375 | ||
387 | - .count { | ||
388 | - display: block; | ||
389 | - color: #999; | ||
390 | - text-align: right; | ||
391 | - line-height: 45px; | ||
392 | - } | 376 | + .price-wrap { |
377 | + position: absolute; | ||
378 | + top: 20px; | ||
379 | + right: 30px; | ||
380 | + text-align: right; | ||
381 | + } | ||
393 | 382 | ||
394 | - .appear-date { | ||
395 | - color: #f00; | 383 | + .price { |
384 | + color: #e01; | ||
385 | + } | ||
386 | + | ||
387 | + .count { | ||
388 | + display: block; | ||
389 | + color: #999; | ||
390 | + text-align: right; | ||
391 | + line-height: 45px; | ||
392 | + } | ||
393 | + | ||
394 | + .appear-date { | ||
395 | + color: #f00; | ||
396 | + } | ||
396 | } | 397 | } |
397 | -} | ||
398 | .sale-invoice { | 398 | .sale-invoice { |
399 | margin-top: -20px; | 399 | margin-top: -20px; |
400 | font-size: 24px; | 400 | font-size: 24px; |
@@ -574,7 +574,6 @@ | @@ -574,7 +574,6 @@ | ||
574 | input { | 574 | input { |
575 | margin: 0; | 575 | margin: 0; |
576 | } | 576 | } |
577 | - | ||
578 | } | 577 | } |
579 | 578 | ||
580 | .total { | 579 | .total { |
@@ -622,6 +621,17 @@ | @@ -622,6 +621,17 @@ | ||
622 | font-size: 32px; | 621 | font-size: 32px; |
623 | } | 622 | } |
624 | } | 623 | } |
624 | + | ||
625 | + .yoho-coin-help-dialog-bg { | ||
626 | + background-color: #000; | ||
627 | + width: 100%; | ||
628 | + height: 100%; | ||
629 | + position: fixed; | ||
630 | + z-index: 1; | ||
631 | + left: 0; | ||
632 | + top: 0; | ||
633 | + opacity: 0.3; | ||
634 | + } | ||
625 | } | 635 | } |
626 | 636 | ||
627 | .tickets-confirm-page { | 637 | .tickets-confirm-page { |
@@ -143,17 +143,6 @@ | @@ -143,17 +143,6 @@ | ||
143 | <span class="title">发票信息</span> | 143 | <span class="title">发票信息</span> |
144 | <span class="invoice-type"><i class="iconfont"></i></span> | 144 | <span class="invoice-type"><i class="iconfont"></i></span> |
145 | </a> | 145 | </a> |
146 | - <!-- <form id="invoice"> | ||
147 | - <input type="text" name="invoice-title" value="{{invoiceText}}" maxlength="30" placeholder="发票抬头"> | ||
148 | - <label> | ||
149 | - 发票类型 | ||
150 | - <select class="invoice-type" name="invoice-type"> | ||
151 | - {{# invoice}} | ||
152 | - <option value="{{id}}" {{#if isSelected}}selected{{/if}}>{{name}}</option> | ||
153 | - {{/ invoice}} | ||
154 | - </select> | ||
155 | - </label> | ||
156 | - </form> --> | ||
157 | </li> | 146 | </li> |
158 | {{/if}} | 147 | {{/if}} |
159 | </ul> | 148 | </ul> |
@@ -194,7 +183,17 @@ | @@ -194,7 +183,17 @@ | ||
194 | <a href="javascript:;">提交订单</a> | 183 | <a href="javascript:;">提交订单</a> |
195 | </div> | 184 | </div> |
196 | 185 | ||
197 | - | 186 | + <div class="yoho-coin-help-dialog-bg"></div> |
187 | + <div class="yoho-coin-help-dialog"> | ||
188 | + <div class="yoho-coin-title">有货币使用条件:</div> | ||
189 | + <div class="yoho-coin-content"> | ||
190 | + <p>1.订单金额大于20元(含)</p> | ||
191 | + <p>2.有货币数量大于100个(含)</p> | ||
192 | + <p>3.有货币支付不得超过每笔订单应付金额的50%</p> | ||
193 | + <p>备注:使用有货币数量为100的整数倍,100有货币抵1元。</p> | ||
194 | + </div> | ||
195 | + <div class="yoho-coin-footer">知道了</div> | ||
196 | + </div> | ||
198 | {{/ orderEnsure}} | 197 | {{/ orderEnsure}} |
199 | </div> | 198 | </div> |
200 | {{> layout/footer}} | 199 | {{> layout/footer}} |
-
Please register or login to post a comment