Authored by 郝肖肖

有货币弹框样式调整

<p id="coin-tip" class="blue">{{yoho_msg}}</p>
<div>
有货币满<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>个即可使用,每次使用有货币为<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>的整数倍
<span class="yoho-coin-help">?
有货币满<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>即可使用,每次使用有货币为<em class="blue">{{yoho_coin_pay_rule.num_limit}}</em>的整数倍
<span class="yoho-coin-help">
<span class="coin-help-dialog hide">
<span class="arrow-left"></span>
<div class="coin-dialog-title">有货币使用提示:</div>
... ... @@ -15,13 +15,13 @@
</span>
</div>
<div>您当前共有有货币<em class="blue">{{total_yoho_coin_num}}</em>个,可用<em class="blue">{{yoho_coin_num}}</em></div>
<div>本次使用有货币<em class="blue">{{yoho_coin_num}}</em> 抵扣<em class="blue">¥{{yoho_coin}}</em></div>
<div>本次使用有货币<em class="blue">{{yoho_coin_num}}</em>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<em class="blue">抵扣¥{{yoho_coin}}</em></div>
<div class="coin-footer">
<div class="left">
<span id="coin-sure" class="btn {{#unless yoho_coin_num}}disable{{/unless}}" data-yoho_coin_num="{{yoho_coin_num}}">确定</span>
<span class="btn white cancel">取消</span>
</div>
<div class="right">
<a class="blue" href="/help/?category_id=87" target="_blank">有货币使用规则?</a>
<div class="right yoho-rule">
<a class="blue" href="/help/?category_id=87" target="_blank">有货币使用规则?</a>
</div>
</div>
\ No newline at end of file
... ...
... ... @@ -594,21 +594,18 @@
.yoho-coin-help {
display: inline-block;
background-color: #000;
border-radius: 16px;
width: 16px;
height: 16px;
line-height: 20px;
text-align: center;
color: #fff;
font-size: 14px;
cursor: pointer;
margin-left: 20px;
padding-right: 1px;
margin-left: 10px;
background-image: resolve("layout/help.png");
background-size: 16px 16px;
vertical-align: bottom;
}
.coin-help-dialog {
width: 280px;
width: 290px;
position: absolute;
background-color: #fff;
margin-left: 15px;
... ... @@ -620,6 +617,7 @@
cursor: auto;
margin-top: -10px;
font-size: 12px;
margin-left: 30px;
}
.coin-dialog-title {
... ... @@ -684,6 +682,14 @@
}
}
.yoho-rule {
margin: 5px;
a {
text-decoration: underline;
}
}
.remark-content {
width: 1110px;
height: 118px;
... ...