<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>摩爾支付</title>
<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="viewport" content="width=device-width, initial-scale=1">
<meta name="wap-font-scale" content="no">
<script src=" lib/fsize.js"></script>
<script src=" lib/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href=" css/base.css">
<link rel="stylesheet" href=" css/fireflyPay.css?v='20180628'">
<title>金幣儲值</title>
</head>
<body>
<div class="p-w">
<ul class="mol-top clearfix">
<li class="mol-li1 mol-act">錢包儲值
<div class="mol-click"></div>
</li>
<li class="mol-li2">點卡儲值
<div class="mol-click"></div>
</li>
</ul>
<div class="mol-content">
<div class="mol-card">
<p class="mol-title">摩爾點卡儲值參考列表</p>
<p>USA</p>
<img class="usa-list" src=" img/mol-list1.png" alt="">
<img class="mal-list" src=" img/mol-list2.png" alt="">
</div>
<div style="padding-top: 1rem;" class="payfor-ul clearfix"></div>
</div>
<button style="margin-top: 0.6rem" class="login-btn login-btn-go">下一步</button>
<p class="login-tips">如果出現儲值問題，請聯繫客服</p>
</div>
</body>
<script src=" layer-v3.1.0/layer/layer.js"></script>
<script>
btnOk = false;
btndianka = false;
var $ip = "https://webserver.yabolive.net";
// var $ip = "http://ceshi.yabolive.tv/web";
sessionStorage.pay = "MOLPAY";
$.ajax({
url: $ip + "/setting/getRecharge.html",
type: "post",
data: {
'cid': "web_gw",
'os': "WEB",
lang: 2,
'vest': 0,
'paytype': sessionStorage.pay
},
error: function (msg) {
console.log('请求出错');
},
success: function (msg) {
var data = JSON.parse(msg);
var html = [];
for (var i = 0; i < data.data.length; i++) {
html += '<li>'
html += '<div class="payfor-top"><img src=" img/zuan.png"><span>' + data.data[i].diamond + '</span></div>'
html += '<div class="payfor-b"><span>' + data.data[i].price[0].currency + '</span><span>' + data.data[i].price[0].price + '</span></div>'
html += '<span style="display:none">' + data.data[i].rid + '</span>'
html += '</li>'
}
$(".payfor-ul").html(html);
$(".payfor-ul li").on("touchstart", function () {
$(this).siblings("li").removeClass("p-active");
$(this).addClass("p-active");
rid = $(this).children().eq(2).text();
console.log(rid);
money = $(this).children().eq(1).children().eq(1).text();
console.log(money);
btnOk = true;
$(".login-btn").removeClass("login-btn-go");
// var html=[];
// html+='<div><button class="next-btn btn" id="next-go">确认</button></div>';
// $(".paypalh").html(html);
// $(".next-btn").attr("id","next-go");
// $('.next-btn').attr("disabled",false);
})
}
})
$.ajax({
url: $ip + "/setting/getRecharge.html",
type: "post",
data: {
'cid': "web_gw",
'os': "WEB",
lang: 2,
'vest': 0,
'paytype': "MOLPCPAY"
},
error: function (msg) {
console.log('请求出错');
},
success: function (msg) {
var data = JSON.parse(msg);
console.log(data)
}
})
$(".mol-card").on("touchstart", function (e) {
e.preventDefault();
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$(".mol-card").on("touchmove", function (e) {
e.preventDefault();
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
if (Math.abs(X) > Math.abs(Y) && X > 70) {
}
else if (Math.abs(X) > Math.abs(Y) && X < -70) {
}
else if (Math.abs(Y) > Math.abs(X) && Y > 10) {
// alert("top 2 bottom");
$(".mol-card").css("top","0");
}
else if (Math.abs(Y) > Math.abs(X) && Y < 10) {
// alert("bottom 2 top");
$(".mol-card").css("top","-5.2rem");
}
else {
}
});
$(".mol-content").on("touchstart", function (e) {
e.preventDefault();
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$(".mol-content").on("touchmove", function (e) {
e.preventDefault();
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
if (Math.abs(X) > Math.abs(Y) && X > 100) {
$(".payfor-ul").css("left", "0rem");
$(".mol-card").css("left", "10rem");
$(".mol-li1").addClass("mol-act");
$(".mol-li2").removeClass("mol-act")
sessionStorage.pay = 'MOLPAY'
btndianka = false;
}
else if (Math.abs(X) > Math.abs(Y) && X < -100) {
$(".payfor-ul").css("left", "-10rem");
sessionStorage.pay = 'MOLPCPAY';
btndianka = true;
$(".mol-card").css("left", "0rem");
$(".mol-li2").addClass("mol-act");
$(".mol-li1").removeClass("mol-act")
$(".login-btn").removeClass("login-btn-go");
}
else if (Math.abs(Y) > Math.abs(X) && Y > 10) {
// alert("top 2 bottom");
}
else if (Math.abs(Y) > Math.abs(X) && Y < 10) {
// alert("bottom 2 top");
}
else {
}
});
$(".mol-li1").on("touchstart", function () {
$(".payfor-ul").css("left", "0rem");
$(".mol-card").css("left", "10rem");
$(".mol-li1").addClass("mol-act");
$(".mol-li2").removeClass("mol-act");
sessionStorage.pay = 'MOLPAY';
btndianka = false;
})
$(".mol-li2").on("touchstart", function () {
$(".payfor-ul").css("left", "-10rem");
$(".mol-card").css("left", "0rem");
$(".mol-li2").addClass("mol-act");
$(".mol-li1").removeClass("mol-act");
sessionStorage.pay = 'MOLPCPAY';
btndianka = true;
})
$(".login-btn").on("touchstart", function () {
if (btnOk == true||btndianka==true) {
if (sessionStorage.pay == 'MOLPAY') {
$.ajax({
url: "https://webserver.yabolive.net/pay/getPayPreid.html",
type: "post",
data: {
'cid': "web_gw",
'os': "WEB",
lang: 2,
"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 if (sessionStorage.pay == 'MOLPCPAY') {
$.ajax({
url: $ip + "/pay/getPayPreid.html",
type: "post",
data: {
"cid": "web_gw",
"os": "h5",
"uid": sessionStorage.uid,
"product": "橙钻货币充值",
"country": "86",
"rid": 914,
"lang": 2,
"payType": sessionStorage.pay,
"payTypeSub": "H5",
"amount": 500,
"extend": "",
"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("請選擇充值金額");
}
})
</script>
</html>