Skip to content

libai / web.yazhai.co

Go to a project
Commit b7beb060 by libai
Options

测试

parent 3bc0140d
Inline Side-by-side
Showing with 125 additions and 94 deletions
guodongRecharge/index.html
......@@ -7,9 +7,10 @@
<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>
<title>购买钻石</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/index.css?v='2021051402'">
<script src="lib/fsize.js"></script>
<script>
......@@ -27,47 +28,53 @@
}
</script>
</head>
<body>
<div class="bg">
<span class="recording">充值记录</span>
<div style="height: 0.9rem;"></div>
<div class="top-box">
<p class="top-text">现有钻石</p>
<p class="top-num">--</p>
</div>
<ul class="content clearfix">
</ul>
<div class="pay-box">
<p class="pay-tips">选择支付方式</p>
<ul class="pay-ul clearfix">
<li class="pay-click">
<img class="pay-img1" src="images/weipay.png?v=20210514" alt=""> 微信支付 <i style="display: none">weipay</i><img class="pay-icon" src="images/pay-click.png?v=20210514" alt="">
</li>
<li >
<img class="pay-img2" src="images/alipay1.png?v=20210514" alt=""> 支付宝 <i style="display: none">alipay</i><img class="pay-icon" src="images/pay-click.png?v=20210514" alt="">
</li>
</ul>
<!--<div class="taobao-Pay"><img style="margin-left: 0.1rem;" src="images/diamond.png?v=20210514" alt=""> 更多大额充值<span-->
<!--style="float: right;margin-right: 0.2rem;">淘宝官方企业店 <img-->
<!--style="height: 0.28rem;vertical-align: middle;margin-top: -0.05rem;" src="images/right.png?v=20210514"-->
<!--alt=""></span></div>-->
<div class="reg-top-box">
<img class="reg-top-face" src="" alt="">
<p class="reg-top-p1"></p>
<p class="reg-top-p2"></p>
<span class="recording recording2">充值记录</span>
</div>
<div>
<button class="pay-btn">确认充值</button>
<div class="reg-nav">
<div class="swiper-container">
<div class="swiper-wrapper">
<!-- <div class="swiper-slide"><img src="https://zhibocdn.lvdou66.com/comm/res/c7930f8873124ebb9a52a57ff6d1e6bd.jpg" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.lvdou66.com/comm/res/c7930f8873124ebb9a52a57ff6d1e6bd.jpg" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.lvdou66.com/comm/res/c7930f8873124ebb9a52a57ff6d1e6bd.jpg" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.lvdou66.com/comm/res/c7930f8873124ebb9a52a57ff6d1e6bd.jpg" alt=""></div> -->
</div>
<!-- Add Pagination -->
</div>
<div class="swiper-pagination"></div>
</div>
<!-- <p class="b-tips">温馨提示：关注客服公众号<span style="color: #EEAE3F;">"奶茶娱乐"</span>也可以购买钻石，充值问题可点击 <img class="call" src="images/call.png?v=20210514" alt=""></p> -->
<div class="reg-title">充值金额 <div class="reg-underbox"></div></div>
<ul class="new-reg-ul clearfix">
<!-- <li class="new-reg-li">
<p><img src="images/diamond.png">60</p>
<p>¥6</p>
</li> -->
</ul>
<div class="new-pay-tips">支付方式 <div class="pay-underbox"></div></div>
<ul class="new-pay-more clearfix">
<li data-type="weipay" class="weipay new-more-click"><img src="images/new-weipay.png" alt=""></li>
<li data-type="alipay" class="alipay"><img src="images/new-alipay.png" alt=""></li>
</ul>
<div class="new-pay-btn">确认充值</div>
</div>
<div style="display: none;" class="alipay"></div>
<div style="display: none;" class="alipay-go"></div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/swiper.min.js"></script>
<script>
// var $ip = "http://test.pay.ishuaji.cn";
var $ip="https://pay.ishuaji.cn";
var cdn = "https://zhibocdn.ishuaji.cn/comm";
amount=98
payOk = true;
moneyBl = true;
payBl = true;
......@@ -81,6 +88,19 @@
sessionStorage.os = data.os;
sessionStorage.appversion=data.appversion
}
function appCollaboration(msg) {
var ua = window.navigator.userAgent.toLowerCase();
try {
if (/iphone|ipad|ipod/.test(ua)) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
} else if (/android/.test(ua)) {
window.yazhai.appCollaboration(msg);
}
} catch (e) {
}
}
function url_get_params(url_path) {
var url = url_path;
var theRequest = new Object();
......@@ -135,79 +155,93 @@ try{
type:"post",
success: function (msg) {
var data=JSON.parse(msg);
$(".top-num").text(data.diamond)
console.log(data)
$(".reg-top-p1").text(data.nickname)
$(".reg-top-p2").html('<img src="images/diamond.png" alt=""> 余额:<span>'+data.diamond+'</span>')
$(".reg-top-face").attr('src','https://zhibocdn.lvdou66.com/comm'+data.face+'?x-oss-process=image/resize,w_80')
}
})
setInterval(function(){
$.ajax({
url:$ip+"/user/auth/"+sessionStorage.bbb+'/'+sessionStorage.kkk,
type:"post",
success: function (msg) {
var data=JSON.parse(msg);
$(".reg-top-p2 span").text(data.diamond)
}
})
},1500)
$.ajax({
url:'https://zhibo.lvdou66.com/weblive/pay/banner.html',
dataType: "JSON",
success:function(msg){
var data=JSON.parse(msg);
console.log('充值活动轮播',data)
var html=[];
for(var i=0;i<data.list.length;i++){
var list=data.list[i]
html+='<div data-type="'+list.url+'" class="swiper-slide"><img src="https://zhibocdn.lvdou66.com/comm'+list.imgurl+'" alt=""></div>';
}
$(".swiper-wrapper").html(html)
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
loop:true,
autoplay: 5000,
});
$(".swiper-slide").unbind("click").on("click",function(){
var _self=$(this)
var myJson = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg":'跳转页面',
"jump": _self.attr("data-type"),
}
}
var obj=JSON.stringify(myJson);
appCollaboration(obj)
})
}
})
$.ajax({
url: $ip + "/pay/normal/recharge.html",
dataType: "json",
type: "get",
success: function (msg) {
console.log(msg)
var html = [];
for (var i = 0; i < msg.data.third.length; i++) {
if(msg.data.third[i].diamond==1000) html += '<li class="li-click">';
else html += '<li>';
if (msg.data.third[i].addnum == 0) {
if(msg.data.third[i].coinnum==0) html += '<p class="diamond-p"><img src="images/diamond.png?v=20210514" alt="">' + msg.data.third[i].diamond + '</p>';
else html += '<p class="diamond-p"><img src="images/diamond.png?v=20210514" alt="">' + msg.data.third[i].diamond + '</p>';
} else {
html += '<div class=hot-box><span>送<img src="images/diamond.png?v=20210514">' + msg.data.third[i].addnum + '</span></div>'
html += '<p class="diamond-p"><img src="images/diamond.png?v=20210514" alt="">' + msg.data.third[i].diamond + '<span style="color: #645340;"></span></p>';
}
html += '<p class="money-p">¥<span class="pay-money">' + msg.data.third[i].amount + '</span></p>';
// if (msg.data.third[i].sale == 1) {
// if(i%2==0){
// html += '<img class="hot" src="images/hot.png?v=20210514" alt="">';
// }else{
// html += '<img class="hot" style="left:3.6rem" src="images/hot.png?v=20210514" alt="">';
// }
// }
html += '</li>';
}
// html+='<li class="rich-god" style="height: 1.7rem;"><p class="diamond-p" style="margin-top: 0.3rem;"><img src="images/diamond.png?v=20210514" alt="">100000<span style="color: #ff6600;">(送10000钻石)</span></p><p class="money-p">¥<span class="pay-money">10000</span></p></li>'
$(".content").html(html);
var k=$(window).height()/$(window).width();
if(k<1.8){
$(".diamond-p").css("margin-top",'0.5rem')
$(".content li").css("height",'1.7rem')
$(".b-tips").css("margin-top","0.5rem")
$(".content").css("margin-top","0.7rem")
$(".hot").css("width","0.7rem")
success: function (data) {
console.log('充值点',data)
var html=[];
for(var i=0;i<data.data.third.length;i++){
var list=data.data.third[i];
if(list.amount==98) html+='<li data-type="'+i+'" class="new-reg-li new-reg-li-click">';
else html+='<li data-type="'+i+'" class="new-reg-li">';
html+='<p><img src="images/diamond.png">'+list.diamond+'</p>';
html+='<p>¥'+list.amount+'</p>';
if(list.sale==1)html+='<img class="hot-icon" src="images/hot-icon.png">'
html+='</li>';
}
amount = 100
$(".content li").on("click", function () {
moneyBl = true;
$(this).addClass("li-click");
$(this).siblings("li").removeClass("li-click");
amount = $(this).children("p").children(".pay-money").text()
console.log(amount);
$(".new-reg-ul").html(html);
$(".new-reg-li").unbind("click").on("click",function(){
var _self=$(this)
amount=data.data.third[_self.attr("data-type")].amount
$(".new-reg-li").removeClass("new-reg-li-click")
_self.addClass("new-reg-li-click")
})
}
})
sessionStorage.pay = "weipay"
$(".pay-ul li").on("click", function () {
payBl = true;
$(this).addClass("pay-click");
$(this).siblings("li").removeClass("pay-click")
$(".new-pay-more li").on("click", function () {
var _self=$(this)
sessionStorage.pay = _self.attr("data-type")
sessionStorage.pay = $(this).children("i").text()
if(sessionStorage.pay=="alipay"){
$(".pay-img1").attr("src","images/weipay1.png?v=20210514")
$(".pay-img2").attr("src","images/alipay.png?v=20210514")
}
else{
$(".pay-img1").attr("src","images/weipay.png?v=20210514")
$(".pay-img2").attr("src","images/alipay1.png?v=20210514")
}
$(".new-pay-more li").removeClass("new-more-click")
_self.addClass("new-more-click")
})
$(".pay-btn").on("click", function () {
if (moneyBl && payBl) {
$(".new-pay-btn").on("click", function () {
if (sessionStorage.pay == "alipay") {
if (payOk) {
payOk=false
$.ajax({
url: $ip + "/order/h5/alipay.html",
dataType: "json",
......@@ -224,7 +258,7 @@ try{
var html = [];
payOk = true
html += msg.html;
$(".alipay").html(html);
$(".alipay-go").html(html);
}
})
......@@ -232,6 +266,7 @@ try{
} else if (sessionStorage.pay == "weipay") {
if (payOk) {
payOk=false
$.ajax({
url: $ip+"/order/h5/wechat.html",
dataType: "json",
......@@ -250,10 +285,8 @@ try{
}
})
}
}
}
})
$(".taobao-Pay").on("click", function () {
......@@ -274,7 +307,6 @@ try{
})
$(".call").on("click", function () {
var obj2 = {
"cid": 4,
"reqCode": new Date().getTime(),
......@@ -289,7 +321,6 @@ try{
//实现和客户端沟通
function appCollaboration(msg) {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment