初始化代码
This commit is contained in:
323
application/api/view/payapp/wxjsapi.html
Normal file
323
application/api/view/payapp/wxjsapi.html
Normal file
@@ -0,0 +1,323 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="stylesheet" href="/public/wxpay/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="/public/wxpay/css/style_new.css">
|
||||
<title>充值</title>
|
||||
<style type="text/css" media="all">
|
||||
*{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body{
|
||||
background: url('/public/wxpay/img/bodybg.png') no-repeat;
|
||||
background-size: 100%;
|
||||
background-color: #EFF5FF;
|
||||
}
|
||||
.container{
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
background: none;
|
||||
}
|
||||
.tips{
|
||||
padding: 12px;
|
||||
color: #FF000C;
|
||||
font-size: 13px;
|
||||
}
|
||||
.inputBox{
|
||||
background: #ffffff;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
.inputBox .user_id{
|
||||
height: 42px;
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.btn_yanz{
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
padding: 0 15px;
|
||||
color: #1C4AC6;
|
||||
font-weight: bold;
|
||||
}
|
||||
.radio-row{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.radio-box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 25px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.mask {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
/*height: 100vh;*/
|
||||
background: rgba(0, 0, 0, 0.48);
|
||||
z-index: 9999;
|
||||
|
||||
}
|
||||
.mask-tip{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
top: 20px;
|
||||
right: 30px;
|
||||
}
|
||||
.form_money{
|
||||
padding: 20px 0 15px 0 ;
|
||||
}
|
||||
.form_money .title{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
.issue{
|
||||
color: #999999;
|
||||
}
|
||||
.number_box{
|
||||
background: #ffffff;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 12px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.money{
|
||||
height: 42px;
|
||||
}
|
||||
.quick_amount div{
|
||||
border: none;
|
||||
background: #F4F8FF;
|
||||
color: #1C4AC6;
|
||||
border-radius: 10px;
|
||||
line-height: 1.5;
|
||||
padding: 12px 0;
|
||||
|
||||
}
|
||||
.moneyNum{
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
}
|
||||
.coinName{
|
||||
font-size: 12px;
|
||||
}
|
||||
.tipBox{
|
||||
padding: 15px 0;
|
||||
margin-top: 20px;
|
||||
color: #999999;
|
||||
}
|
||||
.tipBox p{
|
||||
margin-bottom: 2px;
|
||||
font-size: 13px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="tips">
|
||||
<div>如果您不是音悦语音公众号进入此界面,请谨慎提防!</div>
|
||||
<div>平台不会以任何形式要求用户转账汇款、索要账号、密码、 验证码、向他人账号充值以及许诺充值返利活动,请大家提 高警惕,谨防诈骗!</div>
|
||||
</div>
|
||||
<form action="/api/payapp/wxjsapi" method="post">
|
||||
<div class=" inputBox">
|
||||
<div style="flex:1">
|
||||
<input type="text" class="user_id" name="user_id" value="" placeholder="请输入您的会员ID">
|
||||
<input type="hidden" class="user_id" id="user_id_has" name="user_id_has" value="">
|
||||
</div>
|
||||
<div class="">
|
||||
<!--<button class="btn btn-default" id="user_id" type="button"></button>-->
|
||||
<div class="btn_yanz" id="user_id">
|
||||
验证
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form_money">
|
||||
<div class="">
|
||||
<span class="title">充值金额</span>
|
||||
<span class="issue">(1元=10金币)</span>
|
||||
</div>
|
||||
<div class="number_box">
|
||||
<div class="alcenter">
|
||||
<img src="/public/wxpay/img/coin.png" width="15" alt="" />
|
||||
<span style="margin-left:5px;font-size:16px;font-weight:bold">¥</span>
|
||||
</div>
|
||||
<input type="text" class="money" name="money" 、>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="quick_amount">
|
||||
{volist name="item" id="vo"}
|
||||
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" data-item='{$vo.money}'>
|
||||
<img src="/public/wxpay/img/coin.png" width="20" alt="" />
|
||||
<p class="alcenter jscenter" style="margin: 8px 0 0 0">
|
||||
<span class="moneyNum">{$vo.money}</span>
|
||||
<!--<span class="coinName">金币</span>-->
|
||||
</p>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
<div class="radio-row">
|
||||
<div class="radio-box zfb">
|
||||
<input style="margin:0;" id="item1" type="radio" name="pay_type" value="10">
|
||||
<label for="item1" style="margin-bottom:0;"><span style="padding-left:5px;">微信</span></label>
|
||||
|
||||
</div>
|
||||
<!--<div class="radio-box zfb">-->
|
||||
<!-- <input style="margin:0;" id="item2" type="radio" name="pay_type" value="11">-->
|
||||
<!-- <label for="item2" style="margin-bottom:0;"><span style="padding-left:5px;">支付宝</span></label>-->
|
||||
|
||||
<!--</div>-->
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="_submit">
|
||||
<input type="submit" value="充值" class="btn btn-primary submit-amount" style="border:none">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="tipBox" style="">
|
||||
<p>注:</p>
|
||||
<p>1:本平台禁止未成年人充值</p>
|
||||
<p>2:在本界面充值,仅可在音悦语音内消费</p>
|
||||
<p>3:大额充值,请选择扫码支付充值</p>
|
||||
<p>4:请您警惕任何以兼职刷单返款、套现返现、高额返利、垫付手续费、假冒客服登理由的交易骗局,请勿上当受骗</p>
|
||||
</div>
|
||||
<!--<div class="row">-->
|
||||
<!--<p style="justify-content: center;align-items: center;">支付二维码</p>-->
|
||||
<!-- <img src="http://qiniu.huayunwl.top/qr_code/SD209657202312081619587579.jpg" alt="" />-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
|
||||
<div class="mask">
|
||||
<img class="mask-tip" src="/public/wxpay/img/tip.png" alt="" />
|
||||
</div>
|
||||
|
||||
<script src="/public/wxpay/js/jquery.min.js"></script>
|
||||
<script src="/public/wxpay/js/bootstrap.min.js"></script>
|
||||
<script>
|
||||
var $amountInput = $('.money');
|
||||
var amount = '';
|
||||
var $getId = $('[type="hidden"]');
|
||||
var getparse = ParaMeter();
|
||||
$getId.val(getparse.id);
|
||||
let browserType = navigator.userAgent.toLowerCase();
|
||||
let browserEnv = '';
|
||||
|
||||
if (browserType.match(/MicroMessenger/i) == 'micromessenger') { //微信环境
|
||||
browserEnv = 'wechat';
|
||||
$('#item1').attr("checked", "checked");
|
||||
}else{
|
||||
//浏览器环境
|
||||
$('#item1').removeAttr("checked");
|
||||
$('#item2').attr("checked", "checked");
|
||||
$('.radio-box.wx').css('display','none')
|
||||
browserEnv = 'mobile';
|
||||
}
|
||||
|
||||
$('#user_id').bind("click", function(){
|
||||
var uid=$(".user_id").val();
|
||||
if(!uid){
|
||||
alert("请输入要充值的会员ID");
|
||||
}
|
||||
$(".submit-amount").val('验证中..');
|
||||
$.get("/api/payapp/checkuser", {user_id:uid},function(str){
|
||||
var obj = JSON.parse(str);
|
||||
var test="充值"
|
||||
if(obj.code==200){
|
||||
test="充值("+obj.result.nickname+")";
|
||||
$(".submit-amount").prop('disabled', false);
|
||||
$("#user_id_has").val(obj.result.id);
|
||||
|
||||
}else{
|
||||
test=obj.message;
|
||||
$(".submit-amount").prop('disabled', true);
|
||||
}
|
||||
$(".submit-amount").val(test);
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
$('.mask').bind("click",function(){
|
||||
$('.mask').css('display','none')
|
||||
})
|
||||
|
||||
$('.submit-amount').bind("click", function(e){
|
||||
var uid=$(".user_id").val();
|
||||
var money=$(".money").val();
|
||||
//支付方式
|
||||
var payType = $("input[type='radio']:checked").val();
|
||||
|
||||
let event = e || window.event;
|
||||
|
||||
|
||||
if(!uid){
|
||||
alert("请输入要充值的会员ID");
|
||||
return false;
|
||||
}
|
||||
if(!money || money<0){
|
||||
alert("请选择充值金额");
|
||||
return false;
|
||||
}
|
||||
if(payType == 11){
|
||||
|
||||
if(browserEnv == 'wechat'){
|
||||
//如果此时浏览器环境是微信
|
||||
event.preventDefault(); // 兼容标准浏览器
|
||||
window.event.returnValue = false; // 兼容IE6~8
|
||||
$('.mask').css('display','block')
|
||||
return
|
||||
}else{
|
||||
//在普通浏览器里,不执行提示操作
|
||||
}
|
||||
|
||||
}
|
||||
return true;
|
||||
|
||||
});
|
||||
|
||||
$(".quick_amount div").off("click").on("click", function () {
|
||||
amount = $(this).attr('data-item');
|
||||
if (!$(this).hasClass('active')) {
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
$amountInput.val(amount);
|
||||
} else {
|
||||
$(this).removeClass('active');
|
||||
$amountInput.val('');
|
||||
}
|
||||
})
|
||||
|
||||
function ParaMeter() {
|
||||
var obj = {};
|
||||
var arr = location.href.substring(location.href.lastIndexOf('?') + 1).split("&");
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
var aa = arr[i].split("=");
|
||||
obj[aa[0]] = aa[1];
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user