Authored by 郝肖肖

有货币使用背景弹框

@@ -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">&#xe614;</i></span> 144 <span class="invoice-type"><i class="iconfont">&#xe614;</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}}