|
|
<!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">
|
|
|
<link rel="stylesheet" href="__CSS__/sdkptbpay.css">
|
|
|
<script src="__JS__/flex.min.js"></script>
|
|
|
<title>平台币充值</title>
|
|
|
<style>
|
|
|
.ptbboxpad{
|
|
|
padding:.15rem 0;
|
|
|
}
|
|
|
@media screen and (orientation: portrait){
|
|
|
.form-box {
|
|
|
padding: .2rem .3rem;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@media screen and (orientation: landscape){
|
|
|
.form-box {
|
|
|
padding: .2rem .5rem;
|
|
|
}
|
|
|
.ptbbtn {
|
|
|
width: 7rem;
|
|
|
height: .7rem;
|
|
|
background-color: #21B1EB;
|
|
|
margin: auto;
|
|
|
text-align: center;
|
|
|
line-height: .7rem;
|
|
|
font-size: .28rem;
|
|
|
color: #fff;
|
|
|
border-radius: .35rem;
|
|
|
}
|
|
|
|
|
|
.form-box .pay-form-info .title {
|
|
|
font-size: .32rem;
|
|
|
line-height: 1;
|
|
|
text-align: center;
|
|
|
padding: .2rem;
|
|
|
}
|
|
|
.form-box .btnbox {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
margin-top: .4rem;
|
|
|
}
|
|
|
.weui-cell{
|
|
|
padding: 8px 15px;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
.ptbbox{
|
|
|
width: 100%;border-radius: .2rem;box-shadow:0px 0px 6px 0px rgba(89,40,8,0.15);margin: auto;background-color: white;
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
<body class="form-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="iosDialog" style="display: none;">
|
|
|
<div class="weui-mask"></div>
|
|
|
<div class="weui-dialog" style="width: 4rem;height: 4rem;max-width: 4rem;">
|
|
|
<img src="__IMG__/erroricon2.png" style="width: 1.4rem;height: 1.4rem;margin-top: .59rem;">
|
|
|
<p id="errormsg" style="font-size: .24rem;margin-top: .39rem;">输入错误，请重新输入</p>
|
|
|
<div class="btnbox" style="margin-top: .28rem;">
|
|
|
<div id="hidedialog" class="ptbbtn" style="width: 1.5rem;height: .5rem;line-height: .5rem;">
|
|
|
返回
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<form action="" method="get">
|
|
|
<input type="hidden" name="user_token" value="{$user_token}">
|
|
|
<div class="ptbboxpad pay-form-info">
|
|
|
<div class="ptbbox">
|
|
|
<p class="title">订单填写</p>
|
|
|
<div class="weui-cell borderitem formitem">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">充值账号</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input class="weui-input" type="text" readonly value="{$account}" name="account">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="weui-cell formitem">
|
|
|
<div class="weui-cell__hd"><label class="weui-label">充值金额</label></div>
|
|
|
<div class="weui-cell__bd">
|
|
|
<input id="money" class="weui-input paymoneyinput" type="number" value="" name="money" placeholder="充值金额需要正整数" oninput="this.value=this.value.replace(/[^0-9]+|^0|\d{9}/,'');">
|
|
|
</div>
|
|
|
</div>
|
|
|
<p class="paymoneyinfo">
|
|
|
可获得0平台币（1平台币=1人民币）
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="btnbox">
|
|
|
<button id="pay" class="ptbbtn" type="button" style="border: 0px;">去支付</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
|
|
|
</body>
|
|
|
<script src="__JS__/jquery.min.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
$(".paymoneyinput").bind("input propertychange",function(event){
|
|
|
$(".paymoneyinfo").text('可获得'+event.target.value+'平台币（1平台币=1人民币）')
|
|
|
});
|
|
|
|
|
|
$(function() {
|
|
|
$("#pay").click(function() {
|
|
|
if ($("#money").val() == '') {
|
|
|
showerror("金额不能为空");
|
|
|
return ;
|
|
|
}
|
|
|
if ($("#money").val() < 0 || $("#money").val() == 0) {
|
|
|
showerror("金额有误");
|
|
|
return ;
|
|
|
}
|
|
|
var money = $("#money").val();
|
|
|
|
|
|
window.location.href = "/sdk.php/userH/platform_pay/account/{$account}/user_token/{$user_token}/game_id/{$game_id}/money/"+money;
|
|
|
});
|
|
|
});
|
|
|
function showerror(msg){
|
|
|
$("#errormsg").html(msg);
|
|
|
$("#iosDialog").show();
|
|
|
$("#hidedialog").off("click");
|
|
|
$("#hidedialog").on("click",function(){
|
|
|
$("#iosDialog").hide();
|
|
|
});
|
|
|
}
|
|
|
</script>
|
|
|
</html> |