Showing
3 changed files
with
19 additions
and
13 deletions
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>个 <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> |
public/img/layout/help.png
0 → 100644
405 Bytes
@@ -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; |
-
Please register or login to post a comment