@ -1,230 +1,201 @@
<!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 >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" / >
< title > < / title >
< link href = "__CSS__/index.css" rel = "stylesheet" / >
< style > i n p u t { o u t l i n e : n o n e ; - w e b k i t - a p p e a r a n c e : n o n e ; }
html{font-size:12px;}
body {background:#F3F2F7;font-size:inherit;}
i{font-style:normal;font-weight:normal;}
.recharge_table {display:table;width:100%;}
.recharge_table .recharge_cell {display:table-cell;vertical-align:middle;text-align:center;}
.recharge_content {margin:0 auto;}
.recharge_content span {display:block;}
.recharge_money {height:5.818rem;background:#FFF;}
.recharge_content_number {color:#01B1EC;font-size:1.3rem;}
.recharge_content_coin,.recharge_game_name {color:#999;}
.recharge_content_number i {font-size:1.636rem;}
.recharge_game {background:#FFF;font-size:1.2rem;height:3.727rem;line-height:3.737rem;border-top:2px solid #DEE2E5;}
.recharge_game .recharge_value {padding:0 1.13rem;}
.recharge_way {height:10.8rem;}
.recharge_way_title {height:2.7rem;line-height:2.7rem;text-align:center;font-size:1.07rem;}
.recharge_way_content,.recharge_way_wrap {height:8rem;}
.recharge_way_btn {height:7.2rem;display:inline-block;}
.recharge_way_btn img{width:6.84rem;height:6.84rem;display:inline-block;margin-top:.18rem;}
.recharge_way_btn_alipay img{width:6.84rem;height:6.84rem;margin-top:0;}
.platform_pop {position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
.platform_pop_table {width:100%;height:100%;}
.platform_box {color:#999;position:relative;top:0;left:auto;right:auto;width:24rem;display:block;margin:0 auto;background:#FFF;border-radius:.3rem;}
.platform_pop_close {position:absolute;top:0.8rem;right:0.8rem;color:#999;}
.platform_pop_close img {width:1.7rem;height:1.7rem;}
.platform_title {line-height:3.4rem;font-size:1.8rem;}
.platform_content {padding:0 0.8rem;text-align:left;font-size:1.5rem;}
.platform_notice {color:#333;line-height:1.4;}
.platform_notice span {color:red;}
.platform_radio {padding-top:.2rem;padding-bottom:0.2rem;}
.platform_radio .platform_radio_item {display:block;line-height:1.8;position:relative;}
.platform_radio_item input {position:absolute;top:0;left:0;z-index:-1;width:1.8rem;height:1.8rem;}
.platform_radio_item input~i{width:1.6rem;height:1.6rem;background:url(__IMG__/btn_check_n.png) center center no-repeat;background-size:100% 100%;display:inline-block;vertical-align:middle;margin-top:-.3rem;margin-right:0.2rem;}
.platform_radio_item input:checked~i{background-image:url(__IMG__/btn_check_s.png);}
.platform_btn {padding:0.2rem .8rem 1rem;}
.platform_btn input {background:#F9AB42;color:#FFF;line-height:1.8;font-size:1.8rem;border:none;width:100%;border-radius:.3rem;}
@media screen and (max-width:400px) {
.recharge_game {border-top-width:1px;}
}
< / style >
< script src = "__JS__/jquery-1.11.1.min.js" > < / script >
< title > 支付中心< / title >
< / head >
< style >
html,
body {
background-color: #F5F5F5;
min-height: 100vh;
< script src = "__STATIC__/layer_mobile/layer.js" > < / script >
}
.weui-cells {
border-radius: .2rem;
box-shadow: 0px 0px .05rem rgba(0, 0, 0, .2);
margin-top: 0px;
}
.weui-cell {
height: 0.85rem;
font-size: .28rem;
color: #292929;
padding: 0px .3rem;
}
< / head >
< body >
< div class = "containers" >
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;
}
}
@media screen and (orientation: landscape) {
/*横屏 css*/
.box{
padding:.3rem .5rem;
}
.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;
< div class = "recharge_money recharge_table" >
< div class = "recharge_cell" >
< div class = "recharge_content" >
< span class = "recharge_content_number" > ¥< i > {$data.price}< / i > 元< / span >
< span class = "recharge_content_coin" > {$data.coin}< / span >
< / div >
< / div >
< / div >
< eq name = "data.code" value = "1" >
< div class = "recharge_game" >
< div class = "recharge_value" >
< span class = "recharge_game_name" > 游戏名称:< / span >
< span > {$data.game_name}< / span >
< / div >
< / div >
< / eq >
}
.paylist-box .weui-cell{
min-width: 30%;
box-sizing: content-box;
margin-left: 3%;
padding: .2rem .0rem;
/* padding: .4rem .3rem; */
}
.paylist-box .weui-cell:before{
content: 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
}
< div class = "recharge_way" >
< div class = "recharge_way_title" > 请选择支付方式< / div >
< div class = "recharge_way_content" >
< div class = "recharge_way_wrap recharge_table" >
< 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 and C('heepay.wxp') eq 1)" >
< div class = "recharge_cell" >
< a href = "{:U('Apple/apple_weixin_pay',array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" class = "recharge_way_btn recharge_way_btn_wechat" > < img src = "__IMG__/btn_pay_wechat@3x.png" > < / a >
< / div >
< / if >
< 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 = "recharge_cell" >
<!-- <a href="{:U('Apple/apple_alipay_pay',array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" class="recharge_way_btn recharge_way_btn_alipay"><img src="__IMG__/btn_pay_alipay@3x.png"></a>
-->
< a href = "javascript:;" data-url = "/sdk.php?s=/Apple/apple_alipay_pay&user_id={:I('user_id')}&game_id={:I('game_id')}" id = "alipaybtn" class = "recharge_way_btn recharge_way_btn_alipay" > < img src = "__IMG__/btn_pay_alipay@3x.png" > < / a >
@media screen and (orientation: portrait) {
.box{
padding:.3rem;
}
<!--
< a href = "{$alipayurl}" data-url = "" id = "alipaybtn" class = "recharge_way_btn recharge_way_btn_alipay" > < img src = "__IMG__/btn_pay_alipay@3x.png" > < / a >
-->
< / div >
< / if >
< if condition = "C('sqpay.status') eq 1 and C('sqpay.union') eq 1" >
< div class = "recharge_cell" >
< a href = "{:U('Apple/apple_union_pay', array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" class = "recharge_way_btn recharge_way_btn_alipay" >
< img src = "__IMG__/unionpay.png" > < / a >
< / div >
< / if >
}
@media screen and (orientation: landscape) {
/*横屏 css*/
.box{
padding:.3rem .5rem;
}
.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;
}
}
< if condition = "pay_set_status('ptb_pay') eq 1 and $data['code'] eq 1" >
< div class = "recharge_cell" >
< a href = "javascript:;" id = "platform_id" class = "recharge_way_btn recharge_way_btn_platform" > < img src = "__IMG__/btn_pay_platform@3x.png" > < / a >
< / div >
< / if >
< / style >
< if condition = "pay_set_status('bind_pay') eq 1 and $data['code'] eq 1" >
< div class = "recharge_cell" >
< a href = "javascript:;" id = "platform_id1" class = "recharge_way_btn recharge_way_btn_platform" > < img src = "__IMG__/icon_bangbi@3x.png" > < / a >
< / div >
< / if >
< body >
< div class = "box" >
< div class = "weui-cells" >
< div class = "weui-cell" >
< div class = "weui-cell__bd" >
< p > 订单金额:< / p >
< if condition = "C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1" >
< div class = "recharge_cell" >
< a href = "{:U('WapPay/wap_shortcut_pay', array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" class = "recharge_way_btn recharge_way_btn_alipay" >
< img src = "__IMG__/unionpay.png" > < / a >
< / div >
< div class = "weui-cell__ft" style = "color: red" > ¥{$data['price']}元< / div >
< / if >
< / div >
< div class = "weui-cell" >
< div class = "weui-cell__bd" >
< p > 您的账户余额:< / p >
< / div >
< div class = "weui-cell__ft" style = "color: #A9A9A9;" > {$balance+$bind_balance}平台币< / div >
< / div >
< div class = "platform_pop" id = "platform_pop" >
< div class = "platform_pop_table recharge_table" >
< div class = "recharge_cell" >
< form class = "platform_box" action = "{:U('Apple/apple_platform_pay',array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" enctype = "multipart/form-data" method = "post" >
< a href = "javascript:;" id = "platform_pop_close" class = "platform_pop_close" > < img src = "__IMG__/icon_close@3x.png" > < / a >
< div class = "platform_title" > 平台币< / div >
< div class = "platform_content" >
< div class = "platform_notice" > 应付款平台币数量:< span > {$data.price}< / span > < / div >
< div class = "platform_radio" >
< label class = "platform_radio_item" > < input type = "radio" name = "way" value = "1" checked > < i > < / i > 平台币余额:< span > {$balance}< / span > < / label >
< / div >
< div class = "weui-cells" style = "margin-top: .3rem;" >
< div class = "weui-cell" >
< div class = "weui-cell__bd" >
< p > 适用平台余额:< / p >
< / div >
< div class = "weui-cell__ft" style = "color: #292929" > -¥{$balance+$bind_balance}< / div >
< div class = "platform_btn" >
< input type = "submit" value = "立即支付" style = "background-color:<notempty name='btncolor'>#{$btncolor}<else />#F9AB42</notempty>" >
< / div >
< div class = "weui-cell" >
< div class = "weui-cell__bd" >
< p > 还需支付:< / p >
< / form >
< / 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" style = "margin-top: .3rem;" >
< div class = "weui-cells__title" style = "line-height: .85rem;color: #a9a9a9;font-size:.28rem;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 = "/sdk.php?s=/Apple/apple_alipay_pay&user_id={:I('user_id')}&game_id={:I('game_id')}" 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 class = "platform_pop" id = "platform_pop1" >
< div class = "platform_pop_table recharge_table" >
< div class = "recharge_cell" >
< form class = "platform_box" action = "{:U('Apple/apple_platform_pay',array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" enctype = "multipart/form-data" method = "post" >
< a href = "javascript:;" id = "platform_pop_close1" class = "platform_pop_close" > < img src = "__IMG__/icon_close@3x.png" > < / a >
< div class = "platform_title" > 绑币平台币< / div >
< div class = "platform_content" >
< div class = "platform_notice" > 应付款绑币数量:< span > {$data.price}< / span > < / div >
< div class = "platform_radio" >
< label class = "platform_radio_item" > < input type = "radio" name = "way" value = "2" checked > < i > < / i > 绑定平台币余额:< span > {$bind_balance}< / span > < / label >
< / 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 and C('heepay.wxp') eq 1)" >
< a class = "weui-cell" href = "{:U('Apple/apple_weixin_pay',array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" 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 >
< / if >
< / if >
< if condition = "C('sqpay.status') eq 1 and C('sqpay.union') eq 1" >
< a class = "weui-cell" href = "{:U('Apple/apple_union_pay', array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" class = "recharge_way_btn recharge_way_btn_alipay" >
< div class = "weui-cell__hd" > < img src = "__IMG__/cardpay.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 = "platform_btn" >
< input type = "submit" value = "立即支付" style = "background-color:<notempty name='btncolor'>#{$btncolor}<else />#F9AB42</notempty>" >
< / div >
< / form >
< / div >
< / a >
< / if >
< if condition = "C('sqpay.status') eq 1 and C('sqpay.shortcut') eq 1" >
< a class = "weui-cell" href = "{:U('WapPay/wap_shortcut_pay', array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}" 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 >
< / div >
< / div >
< / div >
< botton id = "platform_pay" class = "bottombutton" >
确认支付
< / botton >
< / body >
< script >
$(function() {
if ($("#pay_price").data("pay_price") == 0) {
$("#platform_pay").show();
$(".paylist").hide();
} else {
$("#platform_pay").hide();
$(".paylist").show();
< / body >
< script >
var html=document.getElementsByTagName('html')[0];
function fontsizechange() {
var rate = html.clientWidth/640;
var basesize = 22;
html.style.fontSize = (rate>1?basesize:basesize*rate)+'px';
}
fontsizechange();
window.onresize = function() {
fontsizechange();
}
$("#platform_pay").click(function() {
var url = "{:U('Apple/platform_coin_deduction',array('user_id'=>I('user_id'),'game_id'=>I('game_id')))}";
window.location.href = url;
$(function() {
$('#platform_id').on('click',function() {
$('#platform_pop').fadeIn().find('#platform_pop_close').on('click',function() {
$(this).closest('#platform_pop').fadeOut();
return false;
});
return false;
});
$('#platform_id1').on('click',function() {
$('#platform_pop1').fadeIn().find('#platform_pop_close1').on('click',function() {
$(this).closest('#platform_pop1').fadeOut();
return false;
});
return false;
});
$('#alipaybtn').on('click',function() {
@ -247,8 +218,11 @@ $(function() {
window.webkit.messageHandlers.noticeAppResult.postMessage(data.url);
}
else {
window.webkit.messageHandlers.noticeAppResult.postMessage(data.url);
}
} else {
layer.open({
content: result.msg
@ -265,6 +239,7 @@ $(function() {
return false;
});
});
< / script >
});
< / script >
< / html >