fe / YOHOBUYPC · Commits

Go to a project

Authored by 郝肖肖
Commit d1c05c0ac750100f9777901d76270f78ee81db8f 1 parent 86b4fefd

下单有货币使用样式调整

Inline Side-by-side
Showing 2 changed files with 99 additions and 16 deletions
... ... @@ -368,20 +368,41 @@
<dl class="play-bi-pan pan">
<dt>使用有货币支付</dt>
<dd>
<div class="play-pan">
<div class="strong">
使用有货币：
<input type="text" class="textbox" id="biprice" data-bi="{{ownYohoCoin}}" value="0" /> 个
</div>
<p >
您目前有有货币 <em class="strong">{{ownYohoCoin}}</em> 个
</p>
<p class="errbitip red"></p>
<div class="btn-group clearfix">
<input type="button" class="ok" value="确定" id="bisubmit"/>
<input type="button" class="cancel cancel-bi" value="取消"/>
</div>
</div>
<ul class="play-pan">
<li>
<div class="float-left">
有货币满<span class="sign-amount">100</span>个即可使用，每次使用有货币为<span class="sign-amount">10</span>个
</div>
<div class="float-right yoho-coin-help">
?<div class="yoho-coin-help-dialog">
<div class="yoho-coin-help-dialog-title">有货币使用条件：</div>
<div class="yoho-coin-help-dialog-content">
<ul>
<li>（1）订单金额大于20元（含）</li>
<li>（2）有货币数量大于100个含）</li>
<li>（3）有货币支付不得超过每笔订单应付金额50%</li>
<li>备注：使用有货币数量为100的整数倍，100有货币抵1元。</li>
</ul>
</div>
</div>
</div>
</li>
<li>
您当前共有有货币<span class="sign-amount">450</span>个，可用<span class="sign-amount">300</span> 个
</li>
<li>
本次使用有货币 <span class="sign-amount">450</span>个 抵扣<span class="sign-amount">¥3.00</span>
</li>
<li>
<div class="float-left btn-group clearfix">
<input type="button" class="ok" value="确定" id="bisubmit"/>
<input type="button" class="cancel cancel-bi" value="取消"/>
</div>
<div class="float-right">
<a class="yoho-coin-help-link" href="/help/?category_id=87" target="_blank">有货币使用规则？</a>
</div>
</li>
</ul>
</dd>
</dl>
... ...
... ... @@ -183,7 +183,8 @@
background: none;
border: 1px solid #ccc;
border-radius: 2px;
height: 20px;
height: 25px;
width: 60px
}
.ok {
... ... @@ -342,8 +343,57 @@
}
.play-bi-pan {
.play-pan {
font-size: 14px;
width: 100%;
.yoho-coin-help-link {
color: #027cf9;
}
li {
margin-bottom: 10px;
overflow: hidden;
}
.yoho-coin-help {
display: inline-block;
background-color: #000;
border-radius: 16px;
width: 16px;
height: 16px;
line-height: 17px;
text-align: center;
color: #fff;
font-size: 13px;
}
.yoho-coin-help-dialog {
position: absolute;
right: 20px;
color: #000;
background-color: #fff;
border: 1px solid #000;
margin-top: 10px;
width: 360px;
height: 140px;
padding: 15px;
text-align: left;
}
.yoho-coin-help-dialog-title {
font-weight: bold;
margin-bottom: 15px;
}
}
.sign-amount {
color: #d0021b;
}
dd {
text-align: right;
text-align: left;
}
.textbox {
... ... @@ -358,6 +408,18 @@
}
}
.btn-group {
text-align: left;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
}
}
... ...