<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<script src="../lib/fsize.js"></script>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/fireflyPay.css?v='2018060681'">
<link rel="stylesheet" href="../css/layer.css">
<title></title>
<style>
body{
background: #11101A;
}
.p-w{
background-color: #11101A;
}
.gash-for-ul {
margin: 0 auto;
width: 10rem;
}
.gash-for-ul li {
height: 1.45rem;
line-height: 1.45rem;
color: #00F8DC;
background: #11101A;
margin-bottom: 0.05rem;
border: 0.04rem solid transparent ;
}
.p-active{
border: 0.04rem solid #1cebd1 !important;
}
.gash-for-ul li img {
width: 0.5rem;
vertical-align: middle;
margin-top: -0.1rem;
margin-left: 0.5rem;
}
.gash-for-ul li span {
margin-left: 0.3rem;
font-size: 0.45rem;
}
.gash-for-ul li button {
height: 0.73rem;
line-height: 0.75rem;
width: 2.2rem;
background: linear-gradient(to right, #00f088, #00a0e9);
border-radius: 2rem;
color: #fff;
float: right;
margin-top: 0.35rem;
margin-right: 0.46rem;
font-size: 0.4rem;
}
.gash-rid {
visibility: hidden;
}
.login-tips{
color:#00a0e9;
}
</style>
</head>
<body >
<div class="p-w alipay">
<!--<div>-->
<!--<p class="apple-top">優惠充值</p>-->
<!--</div>-->
<ul class="gash-for-ul clearfix">
</ul>
<!--<div class="paypal">
<button class="login-btn"></button>
</div>-->
<p class="login-tips"></p>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/payLangchange.js?v=202007081146666666"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script>
$('title').text(langList[langType].paytitle);
//$('.login-btn').text(langList[langType].next);
$('.login-tips').text(langList[langType].ques);
var btnOk=false;
$.ajax({
url:$ip+"/setting/getRecharge.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
'vest':0,
'paytype':sessionStorage.pay
},
error:function(msg){
console.log('erroe!');
},
success: function (msg) {
var data=JSON.parse(msg);
var html=[];
for(var i=0;i<data.data.length;i++){
html+='<li>'
html+='<img src="../img/zuan.png"><span>'+data.data[i].diamond+'</span>'
html+='<button>'+data.data[i].price[0].currency+'<i style="font-style:normal">'+data.data[i].price[0].price+'</i></button>';
html+='<span class="gash-rid">'+data.data[i].rid+'</span>';
html+='</li>'
}
$(".gash-for-ul").html(html);
$(".gash-for-ul li").on("click", function () {
$(this).siblings("li").removeClass("p-active");
$(this).addClass("p-active");
rid= $(this).find('.gash-rid').text();
console.log(rid);
money=$(this).find('button i').text();
console.log(money);
btnOk=true;
if(btnOk==true){
if(sessionStorage.pay=="PAYPALPAY") {
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
lang:sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"寶石充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"NAVITE",
'amount':money*100,
'extend':"0",
},
success: function (msg) {
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
key=data.payInfo.key;
var html1=[];
html1+="<div style=' text-align: center;margin-top: 1.7rem;' class='paypalpay'>";
html1+="<div id=paypal-button-container></div>";
html1+="</div>";
$(".paypal").html(html1);
paypal.Button.render({
env: 'production', // sandbox | production
// PayPal Client IDs - replace with your own
// Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: {
production:key,
// production: '<insert production client id>'
},
style: {
color: 'gold',
size: 'large',
shape:'rect',
locale:'zh_US',
},
// Show the buyer a 'Pay Now' button in the checkout flow
commit: true,
// payment() is called when the button is clicked
payment: function(data, actions) {
// Make a call to the REST api to create the payment
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: money, currency: 'USD' },
custom: sessionStorage.oid,
}
]
}
});
},
// onAuthorize() is called when the buyer approves the payment
onAuthorize: function(data, actions) {
// Make a call to the REST api to execute the payment
return actions.payment.execute().then(function() {
setInterval(function () {
window.location.href='payend.html';
},100)
});
}
}, '#paypal-button-container');
}
})
}
else if(sessionStorage.pay=="ALIPAY"){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
lang:sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"寶石充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"H5",
'amount':money*100,
'extend':"https://firefly.live/h5pay/phonepay/paySuccess.html?lang="+sessionStorage.lang+'&type=h5',
},
success: function (msg) {
console.log(msg);
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
var html=[];
console.log(data);
html+=data.payInfo.h5
$(".alipay").html(html);
}
})
}
else if(sessionStorage.pay=="WECHATPAY"){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"MWEB",
'amount':money*100,
'extend':"https://www.yabolive.tv/phonepay/payend.html",
},
success: function (msg) {
var data = JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
var url =data.payInfo.mweb_url;
window.location.href=url;
}
})
}
else if(sessionStorage.pay=='MOLPAY'){
$.ajax({
url:"https://webserver.yabolive.net/pay/getPayPreid.html",
type: "post",
data: {
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
"uid": sessionStorage.uid,
"product": "橙钻货币充值",
"country": "86",
"rid": rid,
"lang": 2,
"payType": sessionStorage.pay,
"payTypeSub": "H5",
"amount": money*100,
"extend": "0",
"returnUrl":"http://www.firefly.live/phonepay/payend.html",
},
success: function (msg) {
var data=JSON.parse(msg);
console.log(data);
window.location.href=data.payInfo.url;
}
})
}
}else{
layer.msg(langList[langType].select);
}
})
}
})
// $(".login-btn").on("click", function () {
// if(btnOk==true){
// if(sessionStorage.pay=="PAYPALPAY") {
// $.ajax({
// url:$ip+"/pay/getPayPreid.html",
// type:"post",
// data:{
// 'cid':"web_gw",
// 'os':"h5",
// lang:sessionStorage.lang,
// 'uid':sessionStorage.uid,
// 'product':"橙钻充值",
// 'country':"86",
// 'rid':rid,
// 'payType':sessionStorage.pay,
// 'payTypeSub':"NAVITE",
// 'amount':money*100,
// 'extend':"0",
// },
// success: function (msg) {
// var data =JSON.parse(msg);
//// $.cookie('oid',data.orderId,{expires:1});
// sessionStorage.oid=data.orderId;
// key=data.payInfo.key;
// var html1=[];
// html1+="<div style=' text-align: center;margin-top: 1.7rem;' class='paypalpay'>";
// html1+="<div id=paypal-button-container></div>";
// html1+="</div>";
// $(".paypal").html(html1);
// paypal.Button.render({
//
// env: 'production', // sandbox | production
//
// // PayPal Client IDs - replace with your own
// // Create a PayPal app: https://developer.paypal.com/developer/applications/create
// client: {
// production:key,
//// production: '<insert production client id>'
// },
// style: {
// color: 'gold',
// size: 'large',
// shape:'rect',
// locale:'zh_US',
//
// },
// // Show the buyer a 'Pay Now' button in the checkout flow
// commit: true,
//
// // payment() is called when the button is clicked
// payment: function(data, actions) {
//
//
//
// // Make a call to the REST api to create the payment
// return actions.payment.create({
// payment: {
// transactions: [
// {
// amount: { total: money, currency: 'USD' },
// custom: sessionStorage.oid,
// }
// ]
// }
// });
// },
//
// // onAuthorize() is called when the buyer approves the payment
// onAuthorize: function(data, actions) {
//
// // Make a call to the REST api to execute the payment
// return actions.payment.execute().then(function() {
// setInterval(function () {
// window.location.href='payend.html';
// },100)
//
// });
// }
//
// }, '#paypal-button-container');
// }
// })
// }
// else if(sessionStorage.pay=="ALIPAY"){
// $.ajax({
// url:$ip+"/pay/getPayPreid.html",
// type:"post",
// data:{
// 'cid':"web_gw",
// 'os':"h5",
// lang:sessionStorage.lang,
// 'uid':sessionStorage.uid,
// 'product':"橙钻充值",
// 'country':"86",
// 'rid':rid,
// 'payType':sessionStorage.pay,
// 'payTypeSub':"H5",
// 'amount':money*100,
// 'extend':"https://www.yabolive.tv/phonepay/payend.html",
// },
// success: function (msg) {
// console.log(msg);
// var data =JSON.parse(msg);
//// $.cookie('oid',data.orderId,{expires:1});
// sessionStorage.oid=data.orderId;
// var html=[];
// console.log(data);
// html+=data.payInfo.h5
// $(".alipay").html(html);
// }
// })
// }
// else if(sessionStorage.pay=="WECHATPAY"){
// $.ajax({
// url:$ip+"/pay/getPayPreid.html",
// type:"post",
// data:{
// 'cid':"web_gw",
// 'os':"h5",
// lang:sessionStorage.lang,
// 'uid':sessionStorage.uid,
// 'product':"橙钻充值",
// 'country':"86",
// 'rid':rid,
// 'payType':sessionStorage.pay,
// 'payTypeSub':"MWEB",
// 'amount':money*100,
// 'extend':"https://www.yabolive.tv/phonepay/payend.html",
// },
// success: function (msg) {
// var data = JSON.parse(msg);
//// $.cookie('oid',data.orderId,{expires:1});
// sessionStorage.oid=data.orderId;
// var url =data.payInfo.mweb_url;
// window.location.href=url;
// }
//
// })
// }
// else if(sessionStorage.pay=='MOLPAY'){
// $.ajax({
// url:"https://webserver.yabolive.net/pay/getPayPreid.html",
// type: "post",
// data: {
// 'cid':"web_gw",
// 'os':"h5",
// lang:sessionStorage.lang,
// "uid": sessionStorage.uid,
// "product": "橙钻货币充值",
// "country": "86",
// "rid": rid,
// "lang": 2,
// "payType": sessionStorage.pay,
// "payTypeSub": "H5",
// "amount": money*100,
// "extend": "0",
// "returnUrl":"http://www.firefly.live/phonepay/payend.html",
// },
// success: function (msg) {
// var data=JSON.parse(msg);
// console.log(data);
// window.location.href=data.payInfo.url;
// }
// })
// }
// }else{
// layer.msg(langList[langType].select);
// }
//
// })
$(".payfor-ul").on("click", function () {
if(sessionStorage.pay=='PAYPALPAY'){
$(".paypal").html('<button class="login-btn">下一步</button>')
$(".login-btn").unbind("click")
$(".login-btn").on("click", function () {
if(btnOk==true){
if(sessionStorage.pay=="PAYPALPAY") {
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
'cid':"web_gw",
'os':"h5",
lang:sessionStorage.lang,
'uid':sessionStorage.uid,
'product':"橙钻充值",
'country':"86",
'rid':rid,
'payType':sessionStorage.pay,
'payTypeSub':"NAVITE",
'amount':money*100,
'extend':"0",
},
success: function (msg) {
var data =JSON.parse(msg);
// $.cookie('oid',data.orderId,{expires:1});
sessionStorage.oid=data.orderId;
key=data.payInfo.key;
var html1=[];
html1+="<div style=' text-align: center;margin-top: 1.7rem;' class='paypalpay'>";
html1+="<div id=paypal-button-container></div>";
html1+="</div>";
$(".paypal").html(html1);
paypal.Button.render({
env: 'production', // sandbox | production
// PayPal Client IDs - replace with your own
// Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: {
production:key,
// production: '<insert production client id>'
},
style: {
color: 'gold',
size: 'large',
shape:'rect',
locale:'zh_US',
},
// Show the buyer a 'Pay Now' button in the checkout flow
commit: true,
// payment() is called when the button is clicked
payment: function(data, actions) {
// Make a call to the REST api to create the payment
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: money, currency: 'USD' },
custom: sessionStorage.oid,
}
]
}
});
},
// onAuthorize() is called when the buyer approves the payment
onAuthorize: function(data, actions) {
// Make a call to the REST api to execute the payment
return actions.payment.execute().then(function() {
setInterval(function () {
window.location.href='payend.html';
},100)
});
}
}, '#paypal-button-container');
}
})
}
}else{
layer.msg(langList[langType].select);
}
})
}
})
</script>
</html>