支付移动端样式修改

master
zhengyongxing 5 years ago
parent 1be3e03db8
commit 024b81719c

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

@ -928,6 +928,9 @@ $(function (){
// $('.payment_input_phone').children().text($("#phoneNo_heng").val()); // $('.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_select_box").click(function(){
$(".bank_mode").show(); $(".bank_mode").show();

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

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

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

Loading…
Cancel
Save