Authored by 郝肖肖

有货币弹框样式调整

1 <p id="coin-tip" class="blue">{{yoho_msg}}</p> 1 <p id="coin-tip" class="blue">{{yoho_msg}}</p>
2 <div> 2 <div>
3 - 有货币满<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>个即可使用,每次使用有货币为<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>的整数倍  
4 - <span class="yoho-coin-help">? 3 + 有货币满<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>即可使用,每次使用有货币为<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>的整数倍
  4 + <span class="yoho-coin-help">
5 <span class="coin-help-dialog hide"> 5 <span class="coin-help-dialog hide">
6 <span class="arrow-left"></span> 6 <span class="arrow-left"></span>
7 <div class="coin-dialog-title">有货币使用提示:</div> 7 <div class="coin-dialog-title">有货币使用提示:</div>
@@ -15,13 +15,13 @@ @@ -15,13 +15,13 @@
15 </span> 15 </span>
16 </div> 16 </div>
17 <div>您当前共有有货币<em class="blue">{{total_yoho_coin_num}}</em>个,可用<em class="blue">{{yoho_coin_num}}</em></div> 17 <div>您当前共有有货币<em class="blue">{{total_yoho_coin_num}}</em>个,可用<em class="blue">{{yoho_coin_num}}</em></div>
18 -<div>本次使用有货币<em class="blue">{{yoho_coin_num}}</em> 抵扣<em class="blue">¥{{yoho_coin}}</em></div> 18 +<div>本次使用有货币<em class="blue">{{yoho_coin_num}}</em>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<em class="blue">抵扣¥{{yoho_coin}}</em></div>
19 <div class="coin-footer"> 19 <div class="coin-footer">
20 <div class="left"> 20 <div class="left">
21 <span id="coin-sure" class="btn {{#unless yoho_coin_num}}disable{{/unless}}" data-yoho_coin_num="{{yoho_coin_num}}">确定</span> 21 <span id="coin-sure" class="btn {{#unless yoho_coin_num}}disable{{/unless}}" data-yoho_coin_num="{{yoho_coin_num}}">确定</span>
22 <span class="btn white cancel">取消</span> 22 <span class="btn white cancel">取消</span>
23 </div> 23 </div>
24 - <div class="right">  
25 - <a class="blue" href="/help/?category_id=87" target="_blank">有货币使用规则?</a> 24 + <div class="right yoho-rule">
  25 + <a class="blue" href="/help/?category_id=87" target="_blank">有货币使用规则?</a>
26 </div> 26 </div>
27 </div> 27 </div>
@@ -594,21 +594,18 @@ @@ -594,21 +594,18 @@
594 594
595 .yoho-coin-help { 595 .yoho-coin-help {
596 display: inline-block; 596 display: inline-block;
597 - background-color: #000;  
598 - border-radius: 16px;  
599 width: 16px; 597 width: 16px;
600 height: 16px; 598 height: 16px;
601 line-height: 20px; 599 line-height: 20px;
602 - text-align: center;  
603 - color: #fff;  
604 - font-size: 14px;  
605 cursor: pointer; 600 cursor: pointer;
606 - margin-left: 20px;  
607 - padding-right: 1px; 601 + margin-left: 10px;
  602 + background-image: resolve("layout/help.png");
  603 + background-size: 16px 16px;
  604 + vertical-align: bottom;
608 } 605 }
609 606
610 .coin-help-dialog { 607 .coin-help-dialog {
611 - width: 280px; 608 + width: 290px;
612 position: absolute; 609 position: absolute;
613 background-color: #fff; 610 background-color: #fff;
614 margin-left: 15px; 611 margin-left: 15px;
@@ -620,6 +617,7 @@ @@ -620,6 +617,7 @@
620 cursor: auto; 617 cursor: auto;
621 margin-top: -10px; 618 margin-top: -10px;
622 font-size: 12px; 619 font-size: 12px;
  620 + margin-left: 30px;
623 } 621 }
624 622
625 .coin-dialog-title { 623 .coin-dialog-title {
@@ -684,6 +682,14 @@ @@ -684,6 +682,14 @@
684 } 682 }
685 } 683 }
686 684
  685 + .yoho-rule {
  686 + margin: 5px;
  687 +
  688 + a {
  689 + text-decoration: underline;
  690 + }
  691 + }
  692 +
687 .remark-content { 693 .remark-content {
688 width: 1110px; 694 width: 1110px;
689 height: 118px; 695 height: 118px;