Merge branch 'dev' of wmtx/sdk into master
更新支付页面和微信支付限额
张谷诚
5 years ago
committed by
Gogs
commit
2e7ab53fc7
@ -0,0 +1,349 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="stylesheet" href="__CSS__/weui.min.css">
|
||||
<script src="__JS__/flex.min.js"></script>
|
||||
<script src="__JS__/jquery-1.11.1.min.js"></script>
|
||||
<title>支付中心</title>
|
||||
</head>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
background-color: #F5F5F5;
|
||||
min-height: 100vh;
|
||||
|
||||
}
|
||||
|
||||
.weui-cells {
|
||||
border-radius: .2rem;
|
||||
box-shadow: 0px 0px .05rem rgba(0, 0, 0, .2);
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.weui-cell {
|
||||
height: 0.75rem;
|
||||
font-size: .28rem;
|
||||
color: #292929;
|
||||
padding: 0px .3rem;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
width: .72rem;
|
||||
height: .72rem;
|
||||
margin-right: .2rem;
|
||||
/* margin: .3rem; */
|
||||
}
|
||||
.paylist .weui-cell {
|
||||
padding: .2rem .3rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.paylist .weui-cell__hd {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.weui-cells:after {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.weui-cells:before {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
@media screen and (orientation: portrait) {
|
||||
.box{
|
||||
padding:.3rem;
|
||||
}
|
||||
.bottombutton{
|
||||
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;bottom: 0px;
|
||||
position: fixed;left: 0;right: 0;
|
||||
}
|
||||
.pay-info,.paylist{
|
||||
margin-top: .3rem;
|
||||
}
|
||||
/* 隐藏横版更多 */
|
||||
#h_showotherpay{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (orientation: landscape) {
|
||||
/*横屏 css*/
|
||||
.box{
|
||||
padding:.24rem .5rem;
|
||||
}
|
||||
.pay-info,.paylist{
|
||||
margin-top: .24rem;
|
||||
}
|
||||
.bottombutton{
|
||||
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;
|
||||
width: 7.5rem;border-radius: .2rem;position: absolute;left: 50%;margin: .5rem 0 .5rem -3.75rem;
|
||||
}
|
||||
body{
|
||||
padding-bottom: .50rem;
|
||||
}
|
||||
.paylist-box{
|
||||
display: flex;
|
||||
height: auto;
|
||||
flex-wrap:wrap;
|
||||
|
||||
}
|
||||
.paylist-box .weui-cell{
|
||||
min-width: 30%;
|
||||
box-sizing: content-box;
|
||||
margin-left: 3%;
|
||||
padding: .16rem .0rem;
|
||||
}
|
||||
.paylist-box .weui-cell:before{
|
||||
content: none;
|
||||
}
|
||||
/* 隐藏竖版更多 */
|
||||
.showotherpay{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.border-half-line{
|
||||
width: 97%;
|
||||
margin-left: 3%;
|
||||
float:left;
|
||||
height:1px;
|
||||
background-color: #e5e5e5;
|
||||
-webkit-transform:scale(1,0.5);
|
||||
transform:scale(1,0.5);
|
||||
-webkit-transform-origin:top center;
|
||||
transform-origin: top center
|
||||
}
|
||||
.showotherpay{
|
||||
width: 100%;height: .9rem;background-color: #ffffff;font-size: .28rem;text-align: center;color: #A9A9A9;line-height: .9rem;margin-top: .3rem;
|
||||
}
|
||||
|
||||
.noborder.weui-cell:before{
|
||||
height: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
.noborder{
|
||||
margin-top: -.38rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<div class="js_dialog" id="msgdialog" style="display: none">
|
||||
<div class="weui-mask"></div>
|
||||
<div class="weui-dialog" style="width: 4.5rem;max-width: 4.5rrem;display: flex;flex-direction:column;padding-bottom: .3rem;">
|
||||
<div id="close_tip" style="width: 100%;text-align: left;height: .6rem;display: flex;">
|
||||
<img src="__IMG__/close-black.png" style="width: .3rem;height: .3rem;margin: .3rem 0 0 .3rem;">
|
||||
</div>
|
||||
<div style="width: 100%;text-align: center;line-height: 1;">
|
||||
<img src="__IMG__/txicon.png" style="width: 1.7rem;height: 1.7rem;">
|
||||
</div>
|
||||
<p id="tipmsg" style="text-align: center;font-size: .24rem;margin: .25rem auto;">
|
||||
未成年禁止支付哟
|
||||
</p>
|
||||
<div style="width: 100%;text-align: center;display: flex;justify-content:center;">
|
||||
<div id="tipok" style="width: 3.3rem;height: .6rem;background-color: #21B1EB;color: #ffffff;font-size: .28rem;border-radius:30px;line-height: .6rem;">
|
||||
确认
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="sdk_version" id="sdk_version" value="{$sdk_version}"/>
|
||||
<input type="hidden" name="small_json" id="small_json" value='{$small_json}'/>
|
||||
<div class="box">
|
||||
<div class="weui-cells">
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__bd">
|
||||
<p style="font-size: .28rem;">订单金额: <span style="margin-left: .2rem;color: red;">￥{$data['price']}元</span></p>
|
||||
</div>
|
||||
<!-- <div class="weui-cell__ft" style="color: red">￥{$data['price']}元</div> -->
|
||||
</div>
|
||||
<div class="weui-cell noborder">
|
||||
<div class="weui-cell__bd">
|
||||
<p style="font-size: .24rem;color: #A9A9A9;">您的账户余额: <span style="margin-left: .2rem;">{$balance+$bind_balance}平台币</span></p>
|
||||
</div>
|
||||
<!-- <div class="weui-cell__ft" style="color: #A9A9A9;">{$balance+$bind_balance}平台币</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells pay-info">
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__bd">
|
||||
<p>适用平台余额:</p>
|
||||
</div>
|
||||
<div class="weui-cell__ft" style="color: #292929">-￥{$apply_money}</div>
|
||||
</div>
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__bd">
|
||||
<p>还需支付:</p>
|
||||
</div>
|
||||
<div data-pay_price="{$pay_price}" id="pay_price" class="weui-cell__ft" style="color: red">￥{$pay_price}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells paylist">
|
||||
<div class="weui-cells__title" style="line-height: .64rem;color: #a9a9a9;font-size:.24rem;margin: 0px;">
|
||||
请选择支付方式</div>
|
||||
<div class="border-half-line" style="position: absolute;"></div>
|
||||
<div class="paylist-box">
|
||||
<if condition="C('alipay.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.zfb') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.zfb') eq 1)">
|
||||
<a id="alipaybtn" class="weui-cell" href="javascript:;" data-url="{:U('PayH5/ali_pay',array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'user_token'=>I('user_token'),'api_ver'=>2))}" id="alipaybtn" class="recharge_way_btn recharge_way_btn_alipay">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/alipay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">支付宝支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">推荐支付宝用户使用</p>
|
||||
</div>
|
||||
</a>
|
||||
</if>
|
||||
|
||||
<if condition="C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1">
|
||||
<a id="shorcut" class="weui-cell" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>1,'extend'=>I('extend'),'api_ver'=>2))}" class="recharge_way_btn recharge_way_btn_alipay">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/onlinepay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">快捷支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">可在线快捷支付</p>
|
||||
</div>
|
||||
</a>
|
||||
</if>
|
||||
|
||||
<if condition="$pay_price elt C('WX_PAY_LIMIT')">
|
||||
<if condition="C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.wx') eq 1) or (C('heepay.status') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.wx_small') eq 1)">
|
||||
<a id="wxpay" style="display: none;" class="weui-cell" data-url="{:U('PayH5/weixin_pay',array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'user_token'=>I('user_token'),'api_ver'=>2))}" class="recharge_way_btn recharge_way_btn_wechat">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/wxpay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">微信支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">推荐微信用户使用</p>
|
||||
</div>
|
||||
</a>
|
||||
<a id="h_showotherpay" class="weui-cell charge_way_btn recharge_way_btn_wechat">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/gengduo.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">其他支付方式</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">显示其他支付方式</p>
|
||||
</div>
|
||||
</a>
|
||||
</if>
|
||||
</if>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!---微信支付存在时有更多支付出现-->
|
||||
<if condition="$pay_price elt C('WX_PAY_LIMIT')">
|
||||
<if condition="C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.wx') eq 1) or (C('heepay.status') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.wx_small') eq 1)">
|
||||
<div class="showotherpay weui-cells">
|
||||
其他支付方式
|
||||
</div>
|
||||
</if>
|
||||
</if>
|
||||
|
||||
</div>
|
||||
<botton id="platform_pay" class="bottombutton">
|
||||
确认支付
|
||||
</botton>
|
||||
</body>
|
||||
<script>
|
||||
|
||||
function small_program(status) {
|
||||
//alert(status);
|
||||
if (status == "1") { // 小程序
|
||||
if ($('#sdk_version').val() == 1) { // android
|
||||
window.txyxsdk.getSmallRoutine($('#small_json').val());
|
||||
} else {
|
||||
window.webkit.messageHandlers.miniprogramPay.postMessage($('#small_json').val());
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
$(this).removeAttr("onclick", "");
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
$(function() {
|
||||
var flag = false;
|
||||
$("#shorcut").on('click', function() {
|
||||
if (flag) return ;
|
||||
flag = true;
|
||||
var url = $(this).data('url');
|
||||
window.location.href = url;
|
||||
});
|
||||
|
||||
$("#wxpay").on('click', function() {
|
||||
if (flag) return ;
|
||||
flag = true;
|
||||
$r = small_program("{:C('sqpay.wx_small')}");
|
||||
if ($r) {
|
||||
var url = $(this).data('url');
|
||||
|
||||
$.ajax({
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
data:{},
|
||||
url:url,
|
||||
success:function(result) {
|
||||
if(result.code==200) {
|
||||
window.location.href = result.url;
|
||||
} else {
|
||||
$("#tipmsg").html(result.msg);
|
||||
$("#msgdialog").show();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//window.location.href = $(this).data('url');
|
||||
}
|
||||
});
|
||||
$("#close_tip,#tipok").on("click",function() {
|
||||
$("#msgdialog").hide();
|
||||
});
|
||||
|
||||
if ($("#pay_price").data("pay_price") == 0) {
|
||||
$("#platform_pay").show();
|
||||
$(".paylist").hide();
|
||||
$(".showotherpay").hide();
|
||||
$("#h_showotherpay").hide();
|
||||
} else {
|
||||
$("#platform_pay").hide();
|
||||
$(".paylist").show();
|
||||
}
|
||||
$(".showotherpay,#h_showotherpay").on("click",function(){
|
||||
$("#wxpay").show();
|
||||
$(".showotherpay").hide();
|
||||
$("#h_showotherpay").hide();
|
||||
})
|
||||
|
||||
$("#platform_pay").click(function() {
|
||||
var url = "{:U('PayH5/platform_coin_deduction',array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'user_token'=>I('user_token'), 'api_ver' => 2))}";
|
||||
window.location.href = url;
|
||||
});
|
||||
|
||||
$('#alipaybtn').on('click',function() {
|
||||
if (flag) return ;
|
||||
flag = true;
|
||||
var url = $(this).data('url');
|
||||
|
||||
$.ajax({
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
data:{},
|
||||
url:url,
|
||||
success:function(result) {
|
||||
if(result.code==200) {
|
||||
window.location.href = result.url;
|
||||
} else {
|
||||
$("#tipmsg").html(result.msg);
|
||||
$("#msgdialog").show();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
@ -1,312 +1,313 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<link rel="stylesheet" href="__CSS__/weui.min.css">
|
||||
<script src="__JS__/flex.min.js"></script>
|
||||
<title>支付</title>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
background-color: #F5F5F5;
|
||||
min-height: 100vh;
|
||||
|
||||
}
|
||||
|
||||
.weui-cells {
|
||||
border-radius: .2rem;
|
||||
box-shadow: 0px 0px .05rem rgba(0, 0, 0, .2);
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.weui-cell {
|
||||
height: 0.75rem;
|
||||
font-size: .28rem;
|
||||
color: #292929;
|
||||
padding: 0px .3rem;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
width: .72rem;
|
||||
height: .72rem;
|
||||
margin-right: .2rem;
|
||||
/* margin: .3rem; */
|
||||
}
|
||||
.paylist .weui-cell {
|
||||
padding: .2rem .3rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.paylist .weui-cell__hd {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.weui-cells:after {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.weui-cells:before {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
@media screen and (orientation: portrait) {
|
||||
.box{
|
||||
padding:.3rem;
|
||||
}
|
||||
.bottombutton{
|
||||
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;bottom: 0px;
|
||||
position: fixed;left: 0;right: 0;
|
||||
}
|
||||
.pay-info,.paylist{
|
||||
margin-top: .3rem;
|
||||
}
|
||||
/* 隐藏横版更多 */
|
||||
#h_showotherpay{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (orientation: landscape) {
|
||||
/*横屏 css*/
|
||||
.box{
|
||||
padding:.24rem .5rem;
|
||||
}
|
||||
.pay-info,.paylist{
|
||||
margin-top: .24rem;
|
||||
}
|
||||
.bottombutton{
|
||||
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;
|
||||
width: 7.5rem;border-radius: .2rem;position: absolute;left: 50%;margin: .5rem 0 .5rem -3.75rem;
|
||||
}
|
||||
body{
|
||||
padding-bottom: .50rem;
|
||||
}
|
||||
.paylist-box{
|
||||
display: flex;
|
||||
height: auto;
|
||||
flex-wrap:wrap;
|
||||
|
||||
}
|
||||
.paylist-box .weui-cell{
|
||||
min-width: 30%;
|
||||
box-sizing: content-box;
|
||||
margin-left: 3%;
|
||||
padding: .16rem .0rem;
|
||||
}
|
||||
.paylist-box .weui-cell:before{
|
||||
content: none;
|
||||
}
|
||||
/* 隐藏竖版更多 */
|
||||
.showotherpay{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.border-half-line{
|
||||
width: 97%;
|
||||
margin-left: 3%;
|
||||
float:left;
|
||||
height:1px;
|
||||
background-color: #e5e5e5;
|
||||
-webkit-transform:scale(1,0.5);
|
||||
transform:scale(1,0.5);
|
||||
-webkit-transform-origin:top center;
|
||||
transform-origin: top center
|
||||
}
|
||||
.showotherpay{
|
||||
width: 100%;height: .9rem;background-color: #ffffff;font-size: .28rem;text-align: center;color: #A9A9A9;line-height: .9rem;margin-top: .3rem;
|
||||
}
|
||||
|
||||
.noborder.weui-cell:before{
|
||||
height: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
.noborder{
|
||||
margin-top: -.38rem;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<script src="__JS__/jquery-1.11.1.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/reset.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/payment.css" />
|
||||
<title>支付中心</title>
|
||||
</head>
|
||||
|
||||
<body class="box">
|
||||
<!-- <div class="ptbnav" style="background:url('__IMG__/navbg.png') no-repeat bottom center/100% 100%;">
|
||||
<img src="__IMG__/back.png">
|
||||
<p>支付</p>
|
||||
<div></div>
|
||||
</div> -->
|
||||
<div class="js_dialog" id="msgdialog" style="display: none">
|
||||
<div class="weui-mask"></div>
|
||||
<div class="weui-dialog"
|
||||
style="width: 4.5rem;max-width: 4.5rrem;display: flex;flex-direction:column;padding-bottom: .3rem;">
|
||||
<div id="close_tip" style="width: 100%;text-align: left;height: .6rem;display: flex;">
|
||||
<img src="__IMG__/close-black.png" style="width: .3rem;height: .3rem;margin: .3rem 0 0 .3rem;">
|
||||
<body>
|
||||
<div class="payment">
|
||||
<!-- <div class="heard">
|
||||
<div class="heard_box">
|
||||
<a href="" style="background-image: url('__IMG__/pay_way/close.png');"></a>
|
||||
支付中心
|
||||
</div>
|
||||
<div style="width: 100%;text-align: center;">
|
||||
<img src="__IMG__/txicon.png" style="width: 2.44rem;height: 1.46rem;">
|
||||
</div>
|
||||
<p id="tipmsg" style="text-align: center;font-size: .24rem;margin: .35rem auto;">
|
||||
提示内容提示内容
|
||||
</p>
|
||||
<div style="width: 100%;text-align: center;display: flex;justify-content:center;">
|
||||
<div id="tipok"
|
||||
style="width: 3.3rem;height: .6rem;background-color: #21B1EB;color: #ffffff;font-size: .28rem;border-radius:30px;line-height: .6rem;">
|
||||
确认
|
||||
</div> -->
|
||||
<div class="containner">
|
||||
<div class="documents">
|
||||
<div class="documents_box">
|
||||
<div><span>充值账号：</span> <span>{$account}</span> </div>
|
||||
<div><span>还需支付：</span><span>￥{$money}.00</span> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="select_pay">
|
||||
<div class="select_pay_box">
|
||||
<div>请选择支付方式：</div>
|
||||
<div class="select_pay_info">
|
||||
<img src="__IMG__/pay_way/zhifubao.png" alt="" class="slide">
|
||||
<div>支付宝</div>
|
||||
<img src="__IMG__/pay_way/blue_black.png" alt="" class="boult">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="payment_btn" >
|
||||
<div>
|
||||
支付金额 <span>￥{$money}.00</span>
|
||||
</div>
|
||||
<div class="confirm_pay">确认支付</div>
|
||||
</div>
|
||||
|
||||
<div class="payment_rest" style="display: none;">
|
||||
<div class="payment_rest_box">
|
||||
<div class="title">
|
||||
<div>请选择支付方式</div>
|
||||
<img src="__IMG__/pay_way/dacha.png" alt="">
|
||||
</div>
|
||||
<if condition="C('alipay.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.zfb') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.zfb') eq 1)">
|
||||
<div class="payment_rest_way way_btn" data-type="alipay" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
|
||||
<div>
|
||||
<img src="__IMG__/pay_way/zhifubao.png" alt="" >
|
||||
<span>支付宝</span>
|
||||
</div>
|
||||
<img src="__IMG__/pay_way/dagou2.png" alt="">
|
||||
</div>
|
||||
</if>
|
||||
<if condition="$money elt C('WX_PAY_LIMIT')">
|
||||
<if condition="!pay_limit('wx') and C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.wx') eq 1) or (C('heepay.status') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.wx_small') eq 1)">
|
||||
<div class="payment_rest_way way_btn" data-type="wxpay" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}">
|
||||
<div>
|
||||
<img src="__IMG__/pay_way/weixin.png" alt="">
|
||||
<span>微信</span>
|
||||
</div>
|
||||
<img src="__IMG__/pay_way/dagou1.png" alt="">
|
||||
</div>
|
||||
</if>
|
||||
</if>
|
||||
<if condition="C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1">
|
||||
<div class="payment_rest_way way_btn" data-type="shorcut" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
|
||||
<div>
|
||||
<img src="__IMG__/pay_way/xianshang.png" alt="">
|
||||
<span>快捷支付</span>
|
||||
</div>
|
||||
<img src="__IMG__/pay_way/dagou1.png" alt="">
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="payment_rest_btn">其他支付方式</div> -->
|
||||
</div>
|
||||
<!-- 未成年不许支付弹窗 -->
|
||||
<div class="msgdialog" style="display: none">
|
||||
<div class="forbid_model"></div>
|
||||
<div class="forbid_window">
|
||||
<div class="forbid_pay">
|
||||
<img src="__IMG__/pay_way/forbid.png" alt="" style="margin-top: .5rem;">
|
||||
<div class="tipmsg">未成年禁止支付哟</div>
|
||||
</div>
|
||||
<div class="forbid_confirm" style="margin: 0.45rem auto;">确认</div>
|
||||
<div class="forbid_close"><img src="__IMG__/pay_way/close2.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells pay-info">
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__bd">
|
||||
<p>充值账号</p>
|
||||
</div>
|
||||
<div class="weui-cell__ft" style="color: #A9A9A9;font-size: .28rem;">{$account}</div>
|
||||
</div>
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__bd">
|
||||
<p>充值金额</p>
|
||||
</div>
|
||||
<div class="weui-cell__ft" style="color: red;font-size: .28rem;">￥{$money}.00</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-cells paylist">
|
||||
<div class="weui-cells__title" style="line-height: .64rem;color: #a9a9a9;font-size:.24rem;margin: 0px;">
|
||||
请选择支付方式</div>
|
||||
<div class="border-half-line" style="position: absolute;"></div>
|
||||
<div class="paylist-box">
|
||||
|
||||
<a id="alipaybtn" class="weui-cell" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/alipay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">支付宝支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">推荐支付宝用户使用</p>
|
||||
<!-- 横屏 -->
|
||||
<div class="payment_heng">
|
||||
<!-- <div class="heard">
|
||||
<div class="heard_box">
|
||||
<a href="" style="background-image: url('__IMG__/pay_way/close.png');"></a>
|
||||
支付中心
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="containner">
|
||||
<div class="documents">
|
||||
<div class="documents_box">
|
||||
<div><span>充值账号：</span> <span>{$account}</span> </div>
|
||||
<div><span>还需支付：</span><span>￥{$money}.00</span> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="select_pay">
|
||||
<div class="select_pay_box">
|
||||
<div>请选择支付方式：</div>
|
||||
<div class="select_pay_info">
|
||||
<img src="__IMG__/pay_way/zhifubao.png" alt="" class="slide">
|
||||
<div>支付宝</div>
|
||||
<img src="__IMG__/pay_way/blue_black.png" alt="" class="boult">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a id="shorcut" class="weui-cell" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/onlinepay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">快捷支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">可在线快捷支付</p>
|
||||
</div>
|
||||
<div class="payment_btn" >
|
||||
<div>
|
||||
支付金额 <span>￥{$money}.00</span>
|
||||
</div>
|
||||
</a>
|
||||
<a id="wxpay" style="display: none;" class="weui-cell" href="javascript:;" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}" >
|
||||
<div class="weui-cell__hd"><img src="__IMG__/wxpay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">微信支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">推荐微信用户使用</p>
|
||||
<div class="confirm_pay">确认支付</div>
|
||||
</div>
|
||||
|
||||
<div class="payment_rest" style="display: none;">
|
||||
<div class="payment_rest_box">
|
||||
<div class="title">
|
||||
<div>请选择支付方式</div>
|
||||
<img src="__IMG__/pay_way/dacha.png" alt="">
|
||||
</div>
|
||||
<if condition="C('alipay.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.zfb') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.zfb') eq 1)">
|
||||
<div class="payment_rest_way way_btn" data-type="alipay" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
|
||||
<div>
|
||||
<img src="__IMG__/pay_way/zhifubao.png" alt="" >
|
||||
<span>支付宝</span>
|
||||
</div>
|
||||
<img src="__IMG__/pay_way/dagou2.png" alt="">
|
||||
</div>
|
||||
</if>
|
||||
<if condition="!pay_limit('wx') and $money elt C('WX_PAY_LIMIT')">
|
||||
<if condition="C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.wx') eq 1) or (C('heepay.status') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.wx_small') eq 1)">
|
||||
<div class="payment_rest_way way_btn" data-type="wxpay" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}">
|
||||
<div>
|
||||
<img src="__IMG__/pay_way/weixin.png" alt="">
|
||||
<span>微信</span>
|
||||
</div>
|
||||
<img src="__IMG__/pay_way/dagou1.png" alt="">
|
||||
</div>
|
||||
</if>
|
||||
</if>
|
||||
<if condition="C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1">
|
||||
<div class="payment_rest_way way_btn" data-type="shorcut" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
|
||||
<div>
|
||||
<img src="__IMG__/pay_way/xianshang.png" alt="">
|
||||
<span>快捷支付</span>
|
||||
</div>
|
||||
<img src="__IMG__/pay_way/dagou1.png" alt="">
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
</a>
|
||||
<a id="h_showotherpay" class="weui-cell charge_way_btn recharge_way_btn_wechat">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/gengduo.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">其他支付方式</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">显示其他支付方式</p>
|
||||
</div>
|
||||
|
||||
<!-- 未成年不许支付弹窗 -->
|
||||
<div class="msgdialog" style="display: none">
|
||||
<div class="forbid_model"></div>
|
||||
<div class="forbid_window">
|
||||
<div class="forbid_pay">
|
||||
<img src="__IMG__/pay_way/forbid.png" alt="" style="margin-top: .25rem;">
|
||||
<div class="tipmsg">未成年禁止支付哟</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="forbid_confirm" style="margin: 0.2rem auto;">确认</div>
|
||||
<div class="forbid_close"><img src="__IMG__/pay_way/close2.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="showotherpay weui-cells">
|
||||
其他支付方式
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="__JS__/jquery.min.js"></script>
|
||||
|
||||
</html>
|
||||
<script>
|
||||
$(function () {
|
||||
var flag = false;
|
||||
$("#shorcut").on('click', function () {
|
||||
if (flag) return;
|
||||
flag = true;
|
||||
var url = $(this).data('url');
|
||||
window.location.href = url;
|
||||
});
|
||||
// 业务逻辑js
|
||||
var payway='';
|
||||
var payurl='';
|
||||
//初始化选择
|
||||
function defaultInit(){
|
||||
payway="alipay";
|
||||
payurl="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}";
|
||||
}
|
||||
defaultInit();
|
||||
|
||||
$("#close_tip,#tipok").click(function () {
|
||||
$("#msgdialog").hide();
|
||||
flag = false;
|
||||
})
|
||||
$("#wxpay").on('click', function () {
|
||||
if (flag) return;
|
||||
flag = true;
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
dataType: "json",
|
||||
url: $(this).data('url'),
|
||||
data: {
|
||||
$(".select_pay_info").click(function(){
|
||||
$(".payment_rest").show();
|
||||
})
|
||||
$(".payment_rest .title>img").click(function(){
|
||||
$(".payment_rest").hide();
|
||||
})
|
||||
$(".payment_rest_way").click(function(){
|
||||
$(this).children("img").attr("src","__IMG__/pay_way/dagou2.png");
|
||||
$(this).siblings(".payment_rest_way").children("img").attr("src","__IMG__/pay_way/dagou1.png");
|
||||
let img=$(this).children("div").children("img").attr("src");
|
||||
let text = $(this).children("div").children("span").text();
|
||||
//获取支付参数
|
||||
payway = $(this).data("type");
|
||||
payurl = $(this).data("url");
|
||||
$(".select_pay_info").children(".slide").attr("src",img);
|
||||
$(".select_pay_info").children("div").text(text);
|
||||
$(".payment_rest").hide();
|
||||
})
|
||||
//拉起支付
|
||||
var flag = false;
|
||||
$(".confirm_pay").on("click",function(){
|
||||
if (flag) return ;
|
||||
flag = true;
|
||||
|
||||
if(payway == "wxpay"){
|
||||
wxpay();
|
||||
}
|
||||
if(payway == "alipay"){
|
||||
alipay();
|
||||
}
|
||||
if(payway == "shorcut"){
|
||||
shorcut();
|
||||
}
|
||||
})
|
||||
//微信支付
|
||||
function wxpay(){
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
dataType: "json",
|
||||
url: payurl,
|
||||
data: {
|
||||
|
||||
},
|
||||
success: function (r) {
|
||||
if (r.code == 200) {
|
||||
window.location.href = r.url;
|
||||
} else {
|
||||
$("#tipmsg").html(r.msg);
|
||||
$("#msgdialog").show();
|
||||
// alert(r.msg);
|
||||
}
|
||||
},
|
||||
success: function (r) {
|
||||
flag = false;
|
||||
if (r.code == 200) {
|
||||
window.location.href = r.url;
|
||||
} else {
|
||||
$(".tipmsg").html(result.msg);
|
||||
$(".msgdialog").show();
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
//window.location.href = $(this).data('url');
|
||||
});
|
||||
$(".showotherpay,#h_showotherpay").on("click",function(){
|
||||
$("#wxpay").show();
|
||||
$(".showotherpay").hide();
|
||||
$("#h_showotherpay").hide();
|
||||
})
|
||||
|
||||
$('#alipaybtn').on('click', function () {
|
||||
if (flag) return;
|
||||
flag = true;
|
||||
|
||||
var that = $(this), url = $.trim(that.attr('data-url'));
|
||||
if (that.hasClass('disabledbtn')) { return false; }
|
||||
that.addClass('disabled');
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
data: {},
|
||||
url: url,
|
||||
success: function (result) {
|
||||
if (result.code == 200) {
|
||||
window.location.href = result.url;
|
||||
return;
|
||||
var data = result.data;
|
||||
if (data.wap == 1) {
|
||||
/* if () {
|
||||
window.txyxsdk.sqzfbcallback();
|
||||
} */
|
||||
location.href = data.url;
|
||||
}
|
||||
//支付宝支付
|
||||
function alipay(){
|
||||
var url = payurl;
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
data: {},
|
||||
url: url,
|
||||
success: function (result) {
|
||||
flag = false;
|
||||
if (result.code == 200) {
|
||||
window.location.href = result.url;
|
||||
return;
|
||||
var data = result.data;
|
||||
if (data.wap == 1) {
|
||||
/* if () {
|
||||
window.txyxsdk.sqzfbcallback();
|
||||
} */
|
||||
location.href = data.url;
|
||||
|
||||
} else {
|
||||
var u = navigator.userAgent;
|
||||
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
|
||||
if (isAndroid) {
|
||||
window.txyxsdk.getZFBPay(data.url);
|
||||
} else {
|
||||
var u = navigator.userAgent;
|
||||
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
|
||||
if (isAndroid) {
|
||||
window.txyxsdk.getZFBPay(data.url);
|
||||
} else {
|
||||
try {
|
||||
window.webkit.messageHandlers.noticeAppResult.postMessage(data.url);
|
||||
} catch (err) {
|
||||
}
|
||||
try {
|
||||
window.webkit.messageHandlers.noticeAppResult.postMessage(data.url);
|
||||
} catch (err) {
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$("#tipmsg").html(result.msg);
|
||||
$("#msgdialog").show();
|
||||
}
|
||||
} else {
|
||||
$(".tipmsg").html(result.msg);
|
||||
$(".msgdialog").show();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
//快捷支付
|
||||
function shorcut(){
|
||||
flag = false;
|
||||
window.location.href =payurl;
|
||||
}
|
||||
$(".payment_rest_btn").click(function(){
|
||||
$(".payment_rest_btn").hide();
|
||||
$(".weixin").show();
|
||||
})
|
||||
$(".forbid_confirm,.forbid_close").click(function(){
|
||||
$(".msgdialog").hide();
|
||||
})
|
||||
</script>
|
||||
|
||||
</html>
|
||||
<script type="text/javascript">
|
||||
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
|
||||
window.addEventListener(evt,resize,false);
|
||||
function resize(fals) {
|
||||
if(window.orientation == 0 || window.orientation == 180) {
|
||||
$(".payment").show();
|
||||
$(".payment_heng").hide();
|
||||
}else {
|
||||
$(".payment").hide();
|
||||
$(".payment_heng").show();
|
||||
}
|
||||
}
|
||||
resize(true);
|
||||
</script>
|
||||
@ -0,0 +1,322 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<link rel="stylesheet" href="__CSS__/weui.min.css">
|
||||
<script src="__JS__/flex.min.js"></script>
|
||||
<title>支付</title>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
background-color: #F5F5F5;
|
||||
min-height: 100vh;
|
||||
|
||||
}
|
||||
|
||||
.weui-cells {
|
||||
border-radius: .2rem;
|
||||
box-shadow: 0px 0px .05rem rgba(0, 0, 0, .2);
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.weui-cell {
|
||||
height: 0.75rem;
|
||||
font-size: .28rem;
|
||||
color: #292929;
|
||||
padding: 0px .3rem;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
width: .72rem;
|
||||
height: .72rem;
|
||||
margin-right: .2rem;
|
||||
/* margin: .3rem; */
|
||||
}
|
||||
.paylist .weui-cell {
|
||||
padding: .2rem .3rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.paylist .weui-cell__hd {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.weui-cells:after {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.weui-cells:before {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
@media screen and (orientation: portrait) {
|
||||
.box{
|
||||
padding:.3rem;
|
||||
}
|
||||
.bottombutton{
|
||||
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;bottom: 0px;
|
||||
position: fixed;left: 0;right: 0;
|
||||
}
|
||||
.pay-info,.paylist{
|
||||
margin-top: .3rem;
|
||||
}
|
||||
/* 隐藏横版更多 */
|
||||
#h_showotherpay{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (orientation: landscape) {
|
||||
/*横屏 css*/
|
||||
.box{
|
||||
padding:.24rem .5rem;
|
||||
}
|
||||
.pay-info,.paylist{
|
||||
margin-top: .24rem;
|
||||
}
|
||||
.bottombutton{
|
||||
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;
|
||||
width: 7.5rem;border-radius: .2rem;position: absolute;left: 50%;margin: .5rem 0 .5rem -3.75rem;
|
||||
}
|
||||
body{
|
||||
padding-bottom: .50rem;
|
||||
}
|
||||
.paylist-box{
|
||||
display: flex;
|
||||
height: auto;
|
||||
flex-wrap:wrap;
|
||||
|
||||
}
|
||||
.paylist-box .weui-cell{
|
||||
min-width: 30%;
|
||||
box-sizing: content-box;
|
||||
margin-left: 3%;
|
||||
padding: .16rem .0rem;
|
||||
}
|
||||
.paylist-box .weui-cell:before{
|
||||
content: none;
|
||||
}
|
||||
/* 隐藏竖版更多 */
|
||||
.showotherpay{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.border-half-line{
|
||||
width: 97%;
|
||||
margin-left: 3%;
|
||||
float:left;
|
||||
height:1px;
|
||||
background-color: #e5e5e5;
|
||||
-webkit-transform:scale(1,0.5);
|
||||
transform:scale(1,0.5);
|
||||
-webkit-transform-origin:top center;
|
||||
transform-origin: top center
|
||||
}
|
||||
.showotherpay{
|
||||
width: 100%;height: .9rem;background-color: #ffffff;font-size: .28rem;text-align: center;color: #A9A9A9;line-height: .9rem;margin-top: .3rem;
|
||||
}
|
||||
|
||||
.noborder.weui-cell:before{
|
||||
height: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
.noborder{
|
||||
margin-top: -.38rem;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="box">
|
||||
<!-- <div class="ptbnav" style="background:url('__IMG__/navbg.png') no-repeat bottom center/100% 100%;">
|
||||
<img src="__IMG__/back.png">
|
||||
<p>支付</p>
|
||||
<div></div>
|
||||
</div> -->
|
||||
<div class="js_dialog" id="msgdialog" style="display: none">
|
||||
<div class="weui-mask"></div>
|
||||
<div class="weui-dialog"
|
||||
style="width: 4.5rem;max-width: 4.5rrem;display: flex;flex-direction:column;padding-bottom: .3rem;">
|
||||
<div id="close_tip" style="width: 100%;text-align: left;height: .6rem;display: flex;">
|
||||
<img src="__IMG__/close-black.png" style="width: .3rem;height: .3rem;margin: .3rem 0 0 .3rem;">
|
||||
</div>
|
||||
<div style="width: 100%;text-align: center;">
|
||||
<img src="__IMG__/txicon.png" style="width: 2.44rem;height: 1.46rem;">
|
||||
</div>
|
||||
<p id="tipmsg" style="text-align: center;font-size: .24rem;margin: .35rem auto;">
|
||||
提示内容提示内容
|
||||
</p>
|
||||
<div style="width: 100%;text-align: center;display: flex;justify-content:center;">
|
||||
<div id="tipok"
|
||||
style="width: 3.3rem;height: .6rem;background-color: #21B1EB;color: #ffffff;font-size: .28rem;border-radius:30px;line-height: .6rem;">
|
||||
确认
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weui-cells pay-info">
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__bd">
|
||||
<p>充值账号</p>
|
||||
</div>
|
||||
<div class="weui-cell__ft" style="color: #A9A9A9;font-size: .28rem;">{$account}</div>
|
||||
</div>
|
||||
<div class="weui-cell">
|
||||
<div class="weui-cell__bd">
|
||||
<p>充值金额</p>
|
||||
</div>
|
||||
<div class="weui-cell__ft" style="color: red;font-size: .28rem;">￥{$money}.00</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-cells paylist">
|
||||
<div class="weui-cells__title" style="line-height: .64rem;color: #a9a9a9;font-size:.24rem;margin: 0px;">
|
||||
请选择支付方式</div>
|
||||
<div class="border-half-line" style="position: absolute;"></div>
|
||||
<div class="paylist-box">
|
||||
<if condition="C('alipay.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.zfb') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.zfb') eq 1)">
|
||||
<a id="alipaybtn" class="weui-cell" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/alipay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">支付宝支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">推荐支付宝用户使用</p>
|
||||
</div>
|
||||
</a>
|
||||
</if>
|
||||
|
||||
<if condition="C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1">
|
||||
<a id="shorcut" class="weui-cell" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/onlinepay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">快捷支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">可在线快捷支付</p>
|
||||
</div>
|
||||
</a>
|
||||
</if>
|
||||
|
||||
<if condition="$money elt C('WX_PAY_LIMIT')">
|
||||
<if condition="C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1 or (C('goldpig.status') eq 1 and C('goldpig.wx') eq 1) or (C('heepay.status') eq 1) or (C('sqpay.status') eq 1 and C('sqpay.wx_small') eq 1)">
|
||||
<a id="wxpay" style="display: none;" class="weui-cell" href="javascript:;" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}" >
|
||||
<div class="weui-cell__hd"><img src="__IMG__/wxpay.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">微信支付</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">推荐微信用户使用</p>
|
||||
</div>
|
||||
</a>
|
||||
</if>
|
||||
</if>
|
||||
|
||||
<a id="h_showotherpay" class="weui-cell charge_way_btn recharge_way_btn_wechat">
|
||||
<div class="weui-cell__hd"><img src="__IMG__/gengduo.png"></div>
|
||||
<div class="weui-cell__bd">
|
||||
<p style="color: #292929;font-size:.28rem;">其他支付方式</p>
|
||||
<p style="color: #a9a9a9;font-size:.2rem;">显示其他支付方式</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="showotherpay weui-cells">
|
||||
其他支付方式
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="__JS__/jquery.min.js"></script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
var flag = false;
|
||||
$("#shorcut").on('click', function () {
|
||||
if (flag) return;
|
||||
flag = true;
|
||||
var url = $(this).data('url');
|
||||
window.location.href = url;
|
||||
});
|
||||
|
||||
$("#close_tip,#tipok").click(function () {
|
||||
$("#msgdialog").hide();
|
||||
flag = false;
|
||||
})
|
||||
$("#wxpay").on('click', function () {
|
||||
if (flag) return;
|
||||
flag = true;
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
dataType: "json",
|
||||
url: $(this).data('url'),
|
||||
data: {
|
||||
|
||||
},
|
||||
success: function (r) {
|
||||
if (r.code == 200) {
|
||||
window.location.href = r.url;
|
||||
} else {
|
||||
$("#tipmsg").html(r.msg);
|
||||
$("#msgdialog").show();
|
||||
// alert(r.msg);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
//window.location.href = $(this).data('url');
|
||||
});
|
||||
$(".showotherpay,#h_showotherpay").on("click",function(){
|
||||
$("#wxpay").show();
|
||||
$(".showotherpay").hide();
|
||||
$("#h_showotherpay").hide();
|
||||
})
|
||||
|
||||
$('#alipaybtn').on('click', function () {
|
||||
if (flag) return;
|
||||
flag = true;
|
||||
|
||||
var that = $(this), url = $.trim(that.attr('data-url'));
|
||||
if (that.hasClass('disabledbtn')) { return false; }
|
||||
that.addClass('disabled');
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
data: {},
|
||||
url: url,
|
||||
success: function (result) {
|
||||
if (result.code == 200) {
|
||||
window.location.href = result.url;
|
||||
return;
|
||||
var data = result.data;
|
||||
if (data.wap == 1) {
|
||||
/* if () {
|
||||
window.txyxsdk.sqzfbcallback();
|
||||
} */
|
||||
location.href = data.url;
|
||||
|
||||
} else {
|
||||
var u = navigator.userAgent;
|
||||
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
|
||||
if (isAndroid) {
|
||||
window.txyxsdk.getZFBPay(data.url);
|
||||
} else {
|
||||
try {
|
||||
window.webkit.messageHandlers.noticeAppResult.postMessage(data.url);
|
||||
} catch (err) {
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$("#tipmsg").html(result.msg);
|
||||
$("#msgdialog").show();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
@ -0,0 +1,577 @@
|
||||
body{
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
.payment,.payment_heng{
|
||||
width: 100%;
|
||||
}
|
||||
.payment_heng{
|
||||
display: none;
|
||||
}
|
||||
.payment .heard{
|
||||
width: 100%;
|
||||
background-color: #21B1EB;
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
.payment .heard_box{
|
||||
padding-top: 0.4rem;
|
||||
height: 0.9rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
position: relative;
|
||||
}
|
||||
.payment .heard_box a{
|
||||
position: absolute;
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
left: 0.3rem;
|
||||
background-image: url("../img/close.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.payment .containner{
|
||||
padding: 0 0.3rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.payment .indent{
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius:0.2rem;
|
||||
}
|
||||
.payment .indent .indent_box{
|
||||
padding: 0.3rem;
|
||||
}
|
||||
.payment .indent .indent_box div:first-child{
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.payment .indent .indent_box div:first-child>span{
|
||||
margin-left: 0.38rem;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(227,0,0,1);
|
||||
}
|
||||
.payment .indent .indent_box div:last-child{
|
||||
margin-top: 0.18rem;
|
||||
font-size:0.24rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(169,169,169,1);
|
||||
}
|
||||
.payment .indent .indent_box div:last-child>span{
|
||||
font-size:0.24rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(169,169,169,1);
|
||||
margin-left: 0.38rem;
|
||||
}
|
||||
.payment .documents{
|
||||
margin-top: 0.3rem;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius:0.2rem;
|
||||
}
|
||||
.payment .documents .documents_box{
|
||||
padding: 0 0.3rem;
|
||||
}
|
||||
.payment .documents .documents_box>div{
|
||||
padding: 0.3rem 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.payment .documents .documents_box>div:first-child{
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
}
|
||||
.payment .documents .documents_box>div:last-child>span:last-child{
|
||||
color:rgba(227,0,0,1);
|
||||
}
|
||||
|
||||
|
||||
.payment .select_pay{
|
||||
margin-top: 0.3rem;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius:0.2rem;
|
||||
}
|
||||
.payment .select_pay_box{
|
||||
padding: 0.42rem 0.3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.payment .select_pay_box .select_pay_info{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(2,169,241,1);
|
||||
}
|
||||
.payment .select_pay_box .select_pay_info>.slide{
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
margin-right: 0.15rem;
|
||||
}
|
||||
.payment .select_pay_box .select_pay_info>.boult{
|
||||
width: 0.18rem;
|
||||
height: 0.3rem;
|
||||
margin-left: 0.16rem;
|
||||
}
|
||||
.payment .payment_btn{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width:100%;
|
||||
height:1rem;
|
||||
background:#fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
}
|
||||
.payment .payment_btn>div:first-child{
|
||||
width: 66.6%;
|
||||
height: 100%;
|
||||
line-height: 1rem;
|
||||
background:rgba(80,84,93,1);
|
||||
font-size:0.32rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(255,255,255,1);
|
||||
padding-left: 0.32rem;
|
||||
}
|
||||
.payment .payment_btn>div:last-child{
|
||||
width: 33.4%;
|
||||
height: 100%;
|
||||
line-height: 1rem;
|
||||
background:rgba(33,177,235,1);
|
||||
font-size:0.32rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(255,255,255,1);
|
||||
text-align: center;
|
||||
}
|
||||
.payment .payment_rest{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background:rgba(255,255,255,1);
|
||||
z-index: 2;
|
||||
}
|
||||
.payment .payment_rest_box{
|
||||
padding: 0 0.3rem;
|
||||
}
|
||||
.payment .payment_rest_box .title{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
padding: 0.3rem 0;
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
}
|
||||
.payment .payment_rest_box .title>img{
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
}
|
||||
.payment .payment_rest_way{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0.3rem 0;
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(41,41,41,1);
|
||||
cursor: pointer;
|
||||
}
|
||||
.payment .payment_rest_way>div{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.payment .payment_rest_way>div>img{
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
margin-right: 0.32rem;
|
||||
}
|
||||
.payment .payment_rest_way>img{
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
}
|
||||
.payment .payment_rest_way:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.payment .payment_rest_btn{
|
||||
margin-top: 0.3rem;
|
||||
width: 100%;
|
||||
height:0.9rem;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius:0.2rem;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
text-align: center;
|
||||
line-height: 0.9rem;
|
||||
}
|
||||
.payment .forbid_model{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background:rgba(38,38,38,0.4);
|
||||
z-index: 2;
|
||||
}
|
||||
.payment .forbid_window{
|
||||
position: fixed;
|
||||
width: 4.5rem;
|
||||
height: 4.36rem;
|
||||
top: 50%;
|
||||
margin-top: -2.18rem;
|
||||
left: 50%;
|
||||
margin-left: -2.25rem;
|
||||
background-color: #fff;
|
||||
z-index: 3;
|
||||
border-radius: 0.3rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.payment .forbid_pay{
|
||||
font-size:0.24rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(41,41,41,1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.payment .forbid_pay>img{
|
||||
width: 1.7rem;
|
||||
height: 1.7rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
.payment .forbid_confirm{
|
||||
width:3.3rem;
|
||||
height:0.6rem;
|
||||
background:rgba(33,177,235,1);
|
||||
border-radius:0.3rem;
|
||||
font-size:0.28rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(255,255,255,1);
|
||||
text-align: center;
|
||||
line-height: 0.6rem;
|
||||
margin-top: 0.45rem;
|
||||
}
|
||||
.payment .forbid_close{
|
||||
position: absolute;
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
top: 0.3rem;
|
||||
left: 0.3rem;
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
.payment .forbid_close>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 横屏 */
|
||||
.payment_heng .heard{
|
||||
width: 100%;
|
||||
background-color: #21B1EB;
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
.payment_heng .heard_box{
|
||||
padding-top: 0.2rem;
|
||||
height: 0.45rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 0.2rem;
|
||||
color: #FFFFFF;
|
||||
position: relative;
|
||||
}
|
||||
.payment_heng .heard_box a{
|
||||
position: absolute;
|
||||
width: 0.22rem;
|
||||
height: 0.22rem;
|
||||
left: 0.3rem;
|
||||
background-image: url("../img/close.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.payment_heng .containner{
|
||||
padding: 0 0.3rem;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.payment_heng .indent{
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius:0.1rem;
|
||||
}
|
||||
.payment_heng .indent .indent_box{
|
||||
padding: 0.1rem 0.3rem;
|
||||
}
|
||||
.payment_heng .indent .indent_box div:first-child{
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.payment_heng .indent .indent_box div:first-child>span{
|
||||
margin-left: 0.38rem;
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(227,0,0,1);
|
||||
}
|
||||
.payment_heng .indent .indent_box div:last-child{
|
||||
margin-top: 0.1rem;
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(169,169,169,1);
|
||||
}
|
||||
.payment_heng .indent .indent_box div:last-child>span{
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(169,169,169,1);
|
||||
margin-left: 0.38rem;
|
||||
}
|
||||
.payment_heng .documents{
|
||||
margin-top: 0.2rem;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius:0.1rem;
|
||||
}
|
||||
.payment_heng .documents .documents_box{
|
||||
padding: 0 0.3rem;
|
||||
}
|
||||
.payment_heng .documents .documents_box>div{
|
||||
padding: 0.1rem 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.payment_heng .documents .documents_box>div:first-child{
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
}
|
||||
.payment_heng .documents .documents_box>div:last-child>span:last-child{
|
||||
color:rgba(227,0,0,1);
|
||||
}
|
||||
|
||||
.payment_heng .select_pay{
|
||||
margin-top: 0.15rem;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius:0.1rem;
|
||||
}
|
||||
.payment_heng .select_pay_box{
|
||||
padding: 0.2rem 0.3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgb(32, 30, 30);
|
||||
}
|
||||
.payment_heng .select_pay_box .select_pay_info{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(2,169,241,1);
|
||||
}
|
||||
.payment_heng .select_pay_box .select_pay_info>.slide{
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
margin-right: 0.15rem;
|
||||
}
|
||||
.payment_heng .select_pay_box .select_pay_info>.boult{
|
||||
width: 0.1rem;
|
||||
height: 0.2rem;
|
||||
margin-left: 0.16rem;
|
||||
}
|
||||
.payment_heng .payment_btn{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width:100%;
|
||||
height:0.5rem;
|
||||
background:#fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
}
|
||||
.payment_heng .payment_btn>div:first-child{
|
||||
width: 66.6%;
|
||||
height: 100%;
|
||||
line-height: 0.5rem;
|
||||
background:rgba(80,84,93,1);
|
||||
font-size:0.2rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(255,255,255,1);
|
||||
padding-left: 0.32rem;
|
||||
}
|
||||
.payment_heng .payment_btn>div:last-child{
|
||||
width: 33.4%;
|
||||
height: 100%;
|
||||
line-height:0.5rem;
|
||||
background:rgba(33,177,235,1);
|
||||
font-size:0.2rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(255,255,255,1);
|
||||
text-align: center;
|
||||
}
|
||||
.payment_heng .payment_rest{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background:rgba(255,255,255,1);
|
||||
z-index: 2;
|
||||
}
|
||||
.payment_heng .payment_rest_box{
|
||||
padding: 0 0.3rem;
|
||||
}
|
||||
.payment_heng .payment_rest_box .title{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
padding: 0.15rem 0;
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
}
|
||||
.payment_heng .payment_rest_box .title>img{
|
||||
width: 0.2rem;
|
||||
height: 0.2rem;
|
||||
}
|
||||
.payment_heng .payment_rest_way{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0.15rem 0;
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(41,41,41,1);
|
||||
cursor: pointer;
|
||||
}
|
||||
.payment_heng .payment_rest_way>div{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.payment_heng .payment_rest_way>div>img{
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
margin-right: 0.32rem;
|
||||
}
|
||||
.payment_heng .payment_rest_way>img{
|
||||
width: 0.18rem;
|
||||
height: 0.18rem;
|
||||
}
|
||||
.payment_heng .payment_rest_way:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.payment_heng .forbid_model{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background:rgba(38,38,38,0.4);
|
||||
z-index: 2;
|
||||
}
|
||||
.payment_heng .forbid_window{
|
||||
position: fixed;
|
||||
width: 4.5rem;
|
||||
height: 2.18rem;
|
||||
top: 50%;
|
||||
margin-top: -1.09rem;
|
||||
left: 50%;
|
||||
margin-left: -2.25rem;
|
||||
background-color: #fff;
|
||||
z-index: 3;
|
||||
border-radius: 0.3rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.payment_heng .forbid_pay{
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(41,41,41,1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.payment_heng .forbid_pay>img{
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.payment_heng .forbid_confirm{
|
||||
width:3.3rem;
|
||||
height:0.3rem;
|
||||
background:rgba(33,177,235,1);
|
||||
border-radius:0.1rem;
|
||||
font-size:0.18rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(255,255,255,1);
|
||||
text-align: center;
|
||||
line-height: 0.3rem;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.payment_heng .forbid_close{
|
||||
position: absolute;
|
||||
width: 0.15rem;
|
||||
height: 0.15rem;
|
||||
top: 0.15rem;
|
||||
left: 0.3rem;
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
.payment_heng .forbid_close>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -0,0 +1,46 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
font-size: calc(266.67% + 57.3333 * (100vw - 320px) / 430);
|
||||
}
|
||||
/*清除一些默认样式*/
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
img{border:0;}
|
||||
a{text-decoration:none; color:#000; outline:none;}
|
||||
a:hover{text-decoration:none;}
|
||||
em,strong,i{font-style:normal;}
|
||||
h1,h2,h3,h4,h5,h6,span,strong,i{font-size:100%;font-weight:normal;margin: 0;padding: 0;}
|
||||
.trans {
|
||||
-webkit-transition: all 0.3s linear;
|
||||
-moz-transition: all 0.3s linear;
|
||||
-ms-transition: all 0.3s linear;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
.clearfix {*zoom:1;}
|
||||
.clearfix:after {content:'\200B';clear:both;display:block;height:0px}
|
||||
|
||||
/* html{-webkit-tap-highlight-color:transparent;} */
|
||||
/* 箭头 */
|
||||
.arrows{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.arrows::after{
|
||||
position: absolute;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
content: '';
|
||||
width: 0.16rem;
|
||||
height: 0.16rem;
|
||||
right: 0.3rem;
|
||||
transform:rotate(45deg);
|
||||
border-top: 0.04rem solid #A9A9A9;
|
||||
border-right: 0.04rem solid #A9A9A9;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 720 B |
Binary file not shown.
|
After Width: | Height: | Size: 1005 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 930 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 726 B |
Binary file not shown.
|
After Width: | Height: | Size: 728 B |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue