支付移动端样式修改

master
zhengyongxing 5 years ago
parent 1be3e03db8
commit 024b81719c

@ -31,7 +31,7 @@
<div class="price">¥{$pay_amount}</div>
<div class="price_del">付款给万盟天下游戏平台</div>
<div class="price_input">
<img src="" alt="">
<img src="__IMG__/shortcut/bank_icon.png" alt="">
<input type="text" name="card_no" class="card_no" placeholder="请输入银行卡号码">
</div>
</div>
@ -90,7 +90,7 @@
<div class="price">¥{$pay_amount}</div>
<div class="price_del">付款给万盟天下游戏平台</div>
<div class="price_input">
<img src="" alt="">
<img src="__IMG__/shortcut/bank_icon.png" alt="">
<input id="card_no" type="text" name="card_no" class="card_no" placeholder="请输入银行卡号码">
</div>
</div>
@ -139,6 +139,10 @@
$(this).children('.fa-angle-up').toggleClass('hidden');
$(".containner_order").toggle();
});
$("input").blur(function () {
$("html,body").animate({scrollTop: document.documentElement.clientHeight},500);
});
$('.step2').click(function(){
var card_no = $(".card_no").val();

@ -928,6 +928,9 @@ $(function (){
// $('.payment_input_phone').children().text($("#phoneNo_heng").val());
});
$("input").blur(function () {
$("html,body").animate({scrollTop: document.documentElement.clientHeight},500);
});
$(".bank_select_box").click(function(){
$(".bank_mode").show();

@ -197,7 +197,7 @@
</div>
</div>
<!-- 供上下滑动延长 -->
<div style="width: 100%;height: 3rem;"></div>
<!-- <div style="width: 100%;height: 3rem;"></div>-->
<!-- 未成年不许支付弹窗 -->
<div class="msgdialog" style="display: none">

@ -326,7 +326,7 @@ body{
}
.payment_heng .containner{
padding: 0 0.3rem;
margin-top: 0.2rem;
margin-top: 0.1rem;
}
.payment_heng .indent{
background:rgba(255,255,255,1);
@ -364,7 +364,7 @@ body{
margin-left: 0.38rem;
}
.payment_heng .documents{
margin-top: 0.2rem;
margin-top: 0.1rem;
background:rgba(255,255,255,1);
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
border-radius:0.1rem;
@ -390,7 +390,7 @@ body{
}
.payment_heng .select_pay{
margin-top: 0.15rem;
margin-top: 0.1rem;
background:rgba(255,255,255,1);
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
border-radius:0.1rem;
@ -428,7 +428,7 @@ body{
bottom: 0;
left: 0;
width:100%;
height:0.5rem;
height:0.4rem;
background:#fff;
display: flex;
align-items: center;
@ -437,7 +437,7 @@ body{
.payment_heng .payment_btn>div:first-child{
width: 66.6%;
height: 100%;
line-height: 0.5rem;
line-height: 0.4rem;
background:rgba(80,84,93,1);
font-size:0.2rem;
font-family:PingFang SC;
@ -448,7 +448,7 @@ body{
.payment_heng .payment_btn>div:last-child{
width: 33.4%;
height: 100%;
line-height:0.5rem;
line-height:0.4rem;
background:rgba(33,177,235,1);
font-size:0.2rem;
font-family:PingFang SC;

@ -103,7 +103,7 @@ body{
color:rgba(51,51,51,1);
}
.bank_order .select_info_content>input{
width:4.3rem;
width:4rem;
height:0.6rem;
background:rgba(245,245,245,1);
border-radius:0.3rem;
@ -198,7 +198,8 @@ body{
width: 6.9rem;
height: 8rem;
background-color: #fff;
top: 2.7rem;
top: 50%;
margin-top: -4rem;
left: 50%;
margin-left: -3.45rem;
z-index: 3;
@ -460,7 +461,8 @@ body{
width: 6.9rem;
height: 3.5rem;
background-color: #fff;
top: 0.66rem;
top: 50%;
margin-top: -1.75rem;
left: 50%;
margin-left: -3.45rem;
z-index: 3;

Loading…
Cancel
Save