<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, 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">
<title></title>
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/phonepay.css?v='20180509'" />
<link rel="stylesheet" href="../css/gash.css">
<script src='../lib/fsize.js'></script>
<style type="text/css">
body,
.gash-for-ul li {
background-color: #11101A;
margin-bottom: 0;
}
.gash-for-ul li img{
margin-top: -0.25rem;
}
.gash-for-ul li img{
margin-top: -.15rem;
}
.mask{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 20;
background: rgba(0,0,0,.4);
}
.maskCon{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
font-size: 0;
}
.maskImg{
position: relative;
width: 2.666rem;
height: 2.666rem;
}
.maskImg img{
width: 100%;
height: 100%;
}
.maskCon p{
font-size: 0.373rem;
color: #808080;
width: 100%;
text-align: center;
margin-top: -.6rem;
}
.hide{
display: none;
}
.payTitle {
color:#00a0e9;
width: 100%;
text-align: center;
padding-top: .2rem;
margin: 0 auto;
font-size: .38rem;
}
</style>
</head>
<body>
<p class="payTitle"></p>
<ul class="gash-for-ul clearfix">
</ul>
<p class="gash-tips"></p>
<div class="mask hide">
<div class="maskCon">
<div class="maskImg">
<img src="loading/loading1.png"/>
</div>
<p></p>
</div>
</div>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/payLangchange.js?v=202007272226"></script>
<script type="text/javascript">
sessionStorage.pay = 'TW_ALI_CNY_PAY';
sessionStorage.pay2 = 'ALIPAY';
sessionStorage.lang = url_get_params().lang;
sessionStorage.index = 0;
sessionStorage.uid = url_get_params().uid;
sessionStorage.cidStr = url_get_params().cidStr || 'web_gw';
sessionStorage.osStr = url_get_params().osStr || 'h5';
$('.payTitle').html(langList[langType].alipayText2);
$('.mask').addClass('hide');
clearInterval(interval);
$('.maskImg img').addClass('hide');
$('.payTitle').on('click',function(){
window.location.href = 'http://yabolive.tv/phonepay/newAlipay.html?uid='+sessionStorage.uid+'&lang='+sessionStorage.lang+'&cidStr='+sessionStorage.cidStr+'&osStr='+sessionStorage.osStr;
})
$('.gash-tips').text(langList[langType].ques);
$('title').text(langList[langType].paytitle);
$('.maskCon p').html(langList[langType].alipayText);
var interval = null;
var imgStr = '';
for(var i=1;i<12;i++){
imgStr += '<img class="hide" src="loading/loading'+i+'.png"/>';
}
$('.maskImg').html(imgStr);
getData();
var _url = 'https://firefly.live/h5pay';
var html = [];
function getData(){
html = [];
$.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('请求出错');
},
success: function(msg) {
var data = JSON.parse(msg);
for(var i = 0; i < data.data.length; i++) {
html += '<li>';
html += '<img src="../img/zuan.png" alt="">';
html += '<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>';
}
// $.ajax({
// url: $ip + "/setting/getRecharge.html",
// type: "POST",
// data: {
// 'cid': "web_gw",
// 'os': "h5",
// lang: sessionStorage.lang,
// 'vest': 0,
// 'paytype': sessionStorage.pay2
// },
// success:function(msg){
// var data = JSON.parse(msg);
// console.log(data);
// var length = data.data.length-1
// html += '<li data-type="2">';
// html += '<img src="../img/zuan.png" alt="">';
// html += '<span>' + data.data[length].diamond + '</span>';
// html += '<button>' + data.data[length].price[0].currency + "<i style='font-style:normal'>" + data.data[length].price[0].price + '</i></button>';
// html += "<span class='gash-rid'>" + data.data[length].rid + "</span>";
// html += '</li>';
// }
// })
$(".gash-for-ul").html(html);
getPaymentWall();
}
})
}
function getPaymentWall(){
$(".gash-for-ul li").unbind('click').on("click", function() {
$('.mask').removeClass('hide');
var imgIndex = 0;
interval = setInterval(function(){
$('.maskImg img').eq(imgIndex).removeClass('hide');
$('.maskImg img').eq(imgIndex-1).addClass('hide');
$('.maskImg img').eq(imgIndex-2).addClass('hide');
imgIndex+=1;
if(imgIndex == 11){
imgIndex = 0;
}
},100)
var money = $(this).children("button").children('i').text();
var rid = $(this).children(".gash-rid").text();
sessionStorage.money = money;
sessionStorage.rid = rid;
if($(this).attr('data-type')==2){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
os: sessionStorage.osStr,
cid: sessionStorage.cidStr,
lang: sessionStorage.lang,
uid:sessionStorage.uid,
'product':langList[langType].visatitle,
'country':"86",
'rid':rid,
'payType':sessionStorage.pay2,
'payTypeSub':"H5",
'amount':money*100,
'extend':"https://www.yabolive.tv/phonepay/payend.html",
},
success: function (msg) {
console.log(msg);
var data =JSON.parse(msg);
var html2=[];
console.log(data);
html2+=data.payInfo.h5
$(".gash-for-ul").html(html2);
}
})
return;
}
$.ajax({
url:$ip+"/pay/getPaymentWall.html",
type:"POST",
data:{
os: sessionStorage.osStr,
cid: sessionStorage.cidStr,
lang: sessionStorage.lang,
uid:sessionStorage.uid,
country:'86',
rid:sessionStorage.rid,
amount:sessionStorage.money*100,
returnUrl:_url+'/phonepay/paySuccess.html?lang='+sessionStorage.lang,
failureUrl:_url+'/phonepay/payFail.html?lang='+sessionStorage.lang,
firstName:sessionStorage.firstName||'',
lastName:sessionStorage.lastName||'',
email:sessionStorage.email||'',
phone:sessionStorage.phone||'',
product:langList[langType].visatitle,
payType:sessionStorage.pay,
},
success: function (res) {
var data = JSON.parse(res);
console.log(data);
if(data.code == 1){
window.location.href = data.url;
setTimeout(function(){
$('.mask').addClass('hide');
clearInterval(interval);
$('.maskImg img').addClass('hide');
},3000)
} else {
$('.mask').addClass('hide');
clearInterval(interval);
$('.maskImg img').addClass('hide');
layer.msg(data.msg);
}
}
})
})
}
//獲取url參數
function url_get_params() {
var url = location.href;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
</script>
</body>
</html>
<!--<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, 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">
<title></title>
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/phonepay.css?v='20180509'" />
<link rel="stylesheet" href="../css/gash.css">
<script src='../lib/fsize.js'></script>
<style type="text/css">
body,
.gash-for-ul li {
background-color: #11101A;
margin-bottom: 0;
}
.gash-for-ul li img{
margin-top: -0.25rem;
}
.gash-for-ul li img{
margin-top: -.15rem;
}
.mTitle{
position: relative;
margin:0 auto;
font-size: 0;
width: 100%;
text-align: center;
}
.mTitle span{
display: inline-block;
width: 2.5rem;
font-size: 0.4rem;
text-align: center;
color: #858585;
position: relative;
height: 1.4rem;
line-height: 1.4rem;
}
.mTitle span.check{
color: #FFF;
}
.mTitle span.check font{
background: url(../images/mol-click.png) no-repeat;
background-size: 100% 100%;
width: 0.373rem;
height: 0.373rem;
position: absolute;
left: 50%;
margin-left: -.186rem;
bottom: .2rem;
}
.mask{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 20;
background: rgba(0,0,0,.4);
}
.maskCon{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
font-size: 0;
}
.maskImg{
position: relative;
width: 2.666rem;
height: 2.666rem;
}
.maskImg img{
width: 100%;
height: 100%;
}
.maskCon p{
font-size: 0.373rem;
color: #808080;
width: 100%;
text-align: center;
margin-top: -.6rem;
}
.hide{
display: none;
}
</style>
</head>
<body>
<div class="mTitle">
<span class="check">人民幣<font></font></span>
<span>美元<font></font></span>
</div>
<ul class="gash-for-ul clearfix">
</ul>
<p class="gash-tips"></p>
<div class="mask hide">
<div class="maskCon">
<div class="maskImg">
<img src="loading/loading1.png"/>
</div>
<p>加载中...</p>
</div>
</div>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/payLangchange.js?v=202007081537777"></script>
<script type="text/javascript">
sessionStorage.pay = 'TW_ALI_CNY_PAY';
sessionStorage.pay2 = 'ALIPAY';
sessionStorage.lang = url_get_params().lang;
sessionStorage.index = 0;
sessionStorage.uid = url_get_params().uid;
sessionStorage.cidStr = url_get_params().cidStr || 'web_gw';
sessionStorage.osStr = url_get_params().osStr || 'h5';
$('.gash-tips').text(langList[langType].ques);
$('title').text(langList[langType].paytitle);
var interval = null;
var imgStr = '';
for(var i=1;i<12;i++){
imgStr += '<img class="hide" src="loading/loading'+i+'.png"/>';
}
$('.maskImg').html(imgStr);
getData();
var _url = 'https://firefly.live/h5pay';
$('.mTitle span').on('click',function(){
$(this).addClass('check').siblings().removeClass('check');
if($(this).index()==0){
sessionStorage.pay = 'TW_ALI_CNY_PAY';
sessionStorage.index = 0;
getData();
} else if($(this).index()==1){
sessionStorage.pay = 'TW_ALI_PAY';
sessionStorage.index = 1;
getData();
}
})
var html = [];
function getData(){
html = [];
$.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('请求出错');
},
success: function(msg) {
var data = JSON.parse(msg);
for(var i = 0; i < data.data.length; i++) {
html += '<li>';
html += '<img src="../img/zuan.png" alt="">';
html += '<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>';
}
if(sessionStorage.index == 0){
$.ajax({
url: $ip + "/setting/getRecharge.html",
type: "POST",
data: {
'cid': "web_gw",
'os': "h5",
lang: sessionStorage.lang,
'vest': 0,
'paytype': sessionStorage.pay2
},
success:function(msg){
var data = JSON.parse(msg);
console.log(data);
var length = data.data.length-1
html += '<li data-type="2">';
html += '<img src="../img/zuan.png" alt="">';
html += '<span>' + data.data[length].diamond + '</span>';
html += '<button>' + data.data[length].price[0].currency + "<i style='font-style:normal'>" + data.data[length].price[0].price + '</i></button>';
html += "<span class='gash-rid'>" + data.data[length].rid + "</span>";
html += '</li>';
$(".gash-for-ul").html(html);
getPaymentWall();
}
})
} else {
$(".gash-for-ul").html(html);
getPaymentWall();
}
}
})
}
function getPaymentWall(){
$(".gash-for-ul li").unbind('click').on("click", function() {
$('.mask').removeClass('hide');
var imgIndex = 0;
interval = setInterval(function(){
$('.maskImg img').eq(imgIndex).removeClass('hide');
$('.maskImg img').eq(imgIndex-1).addClass('hide');
$('.maskImg img').eq(imgIndex-2).addClass('hide');
imgIndex+=1;
if(imgIndex == 11){
imgIndex = 0;
}
},100)
var money = $(this).children("button").children('i').text();
var rid = $(this).children(".gash-rid").text();
sessionStorage.money = money;
sessionStorage.rid = rid;
if(sessionStorage.index == 0 && $(this).attr('data-type')==2){
$.ajax({
url:$ip+"/pay/getPayPreid.html",
type:"post",
data:{
os: sessionStorage.osStr,
cid: sessionStorage.cidStr,
lang: sessionStorage.lang,
uid:sessionStorage.uid,
'product':langList[langType].visatitle,
'country':"86",
'rid':rid,
'payType':sessionStorage.pay2,
'payTypeSub':"H5",
'amount':money*100,
'extend':"https://www.yabolive.tv/phonepay/payend.html",
},
success: function (msg) {
console.log(msg);
var data =JSON.parse(msg);
var html2=[];
console.log(data);
html2+=data.payInfo.h5
$(".gash-for-ul").html(html2);
}
})
return;
}
$.ajax({
url:$ip+"/pay/getPaymentWall.html",
type:"POST",
data:{
os: sessionStorage.osStr,
cid: sessionStorage.cidStr,
lang: sessionStorage.lang,
uid:sessionStorage.uid,
country:'86',
rid:sessionStorage.rid,
amount:sessionStorage.money*100,
returnUrl:_url+'/phonepay/paySuccess.html?lang='+sessionStorage.lang,
failureUrl:_url+'/phonepay/payFail.html?lang='+sessionStorage.lang,
firstName:sessionStorage.firstName||'',
lastName:sessionStorage.lastName||'',
email:sessionStorage.email||'',
phone:sessionStorage.phone||'',
product:langList[langType].visatitle,
payType:sessionStorage.pay,
},
success: function (res) {
var data = JSON.parse(res);
console.log(data);
if(data.code == 1){
window.location.href = data.url;
} else {
$('.mask').addClass('hide');
clearInterval(interval);
$('.maskImg img').addClass('hide');
layer.msg(data.msg);
}
}
})
})
}
//獲取url參數
function url_get_params() {
var url = location.href;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
</script>
</body>
</html>-->