You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

134 lines
4.9 KiB
HTML

2 years ago
<!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>