<!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"> <title>女神物語</title> <script src="lib/fsize.js"></script> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/daily.css"> <link rel="stylesheet" href="css/index.css?v=2024051701"> <link rel="stylesheet" href="css/liMarquee.css"> <link rel="stylesheet" href="css/swiper.min.css"> <style> .layui-layer-shade { opacity: 0.7 !important; } .yourclass5 { border-radius: 0rem !important; background: rgba(0, 0, 0, 0) !important; } .yourclass5 .layui-layer-content { border-radius: 0rem !important; } </style> </head> <script src="lib/lottie-player.js"></script> <body style="background: #ED71AD;"> <div class="layer-vip"> <div class="layer-vip-p1">購買成功,600寶石已發放</div> <div class="layer-vip-p2">即日起每日進入直播間自動發放20寶石</div> <div class="layer-vip-p3">有效期至XX月XX日</div> <div class="layer-vip-btn"></div> </div> <div style="display: none;" class="layer-reg"> <p class="layer-reg-p">恭喜您獲得XXX寶石</p> <div class="layer-reg-btn"></div> </div> <div class="layer-user-gift"> <div class="layer-user-gift-ok"></div> <p class="layer-user-tips">以上獎勵已發放至背包,有效期為14天</p> </div> <div style="display: none;" class="layer-yesterday"> <ul class="layer-record-ul"> <!-- <li> <img class="record-face" src="images/face.png" alt=""> <div class="record-like"></div> <p class="record-p1">6-1</p> <p class="record-p2">主播昵称预留</p> </li> --> </ul> </div> <div class="bg"> <img class="ref" src="images/ref.png" alt=""> <img class="rule-btn" src="images/rule-btn.png" alt=""> <div class="banner"></div> <div class="top-btn1"> <div data-type="1"></div> <div data-type="2"></div> </div> <div class="mc-box"> <div style="display: none;" class="bottom-nav"> <li> <div class="list-box1"><img src="images/m1.png" alt=""></div> <div class="list-box2"> <a href="yazhai://_11134747_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm/user/img/11134747/479133442dd84ddd9764a2e65d0ccfd0.jpg?x-oss-process=image/resize,w_90" alt=""></a> <a href="yazhai://_11139999_zone"><img class="list-face2" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt=""></a><p class="list-p1">꧁༺࿆༂🐸༂༻꧂。</p><p class="list-p2">積分 : 15000</p> </div> <div class="list-box3"><div class="list-ok">Completed</div></div><img class="line" src="images/line.png" alt=""> </li> </div> <div class="gift-box"> <!-- <div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"><img class="nav1" src="images/nav1.png" alt=""></div> <div class="swiper-slide"><img class="nav2" src="images/nav2.png" alt=""></div> <div class="swiper-slide"><img class="nav3" src="images/nav3.png" alt=""></div> </div> <div class="swiper-pagination"></div> </div> --> </div> <div class="floor"> <img class="yesterday-btn" src="images/yesterday-btn.png" alt=""> <img class="top-mc-face" src="images/face.png" alt=""> <img style="display: none;" class="top-like" src="images/like-btn.png" alt=""> <!-- <div class="top-like-click"></div> --> <p class="top-mc-p1">昨日最佳主播</p> <p class="top-mc-p2">虛位以待</p> <p class="top-mc-p3">積分:--</p> </div> <div class="list-bg"> <ul class="list-ul"> <!-- <li> <div class="list-box1"><img src="images/m1.png" alt=""></div> <div class="list-box2"> <img class="list-face1" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt=""> <img class="list-face2" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt=""> <p class="list-p1">主播暱稱預留</p> <p class="list-p2">積分 : 123456</p> </div> <div class="list-box3"> <div class="list-ok">今日達標</div> </div> <img class="line" src="images/line.png" alt=""> </li> <li> <div class="list-box1">2</div> <div class="list-box2"> <img class="list-face1" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt=""> <img class="list-face2" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt=""> <p class="list-p1">主播暱稱預留</p> <p class="list-p2">積分 : 123456</p> </div> <div class="list-box3"> 今日進度:50% </div> <img class="line" src="images/line.png" alt=""> </li> --> </ul> </div> </div> <div style="display: none;" class="user-box"> <div class="user-sign-box"> <div data-type="1" class="card-box card-box1"> <div class="card1"></div> <div class="card2"> <!-- <div class="card-content"> <img src="images/g1.png" alt=""> <p>女神硬幣*2</p> </div> --> </div> </div> <div data-type="2" class="card-box card-box2"> <div class="card1"></div> <div class="card2"></div> </div> <p>請點擊選擇簽到卡牌</p> </div> <div class="user-reg-box"> <div class="show1"></div> <div class="show2"></div> <div class="lucky-btn"></div> </div> <div class="user-gift-box"> <div class="gift-btn"></div> </div> <div class="user-vip-card"> <div class="vip-btn"></div> </div> </div> <div style="height: 2.5rem;"></div> </div> </body> <script src="lib/jquery-3.1.1.min.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script> <script src="lib/default.js?v='2024061702'"></script> <script src="lib/clipboard.js"></script> <script src="lib/swiper.min.js"></script> <script> $(function(){ if(sessionStorage.lang!=2){ $("body").addClass("bg-en") $(".top-mc-p1").text("Best MC of yesterday") $(".user-sign-box >p").text("Please click to select the sign-in card") $(".rule-btn").attr("src","images/en/rule-btn.png") $(".yesterday-btn").attr("src","images/en/yesterday-btn.png") $("title").text("Goddess Chronicles") $(".layer-user-tips").text("Rewards issued to backpack, valid for 14 days.") $(".layer-vip-p1").text("Purchase done, 600 gems issued.") $(".layer-vip-p2").text("Daily entry to live room grants 20 GEMs.") $(".top-mc-p2").text("not yet") $(".top-mc-p3").text("score: --") $(".top-like").attr("src","images/en/like-btn.png") // <div class="layer-vip-p1">購買成功,600寶石已發放</div> // <div class="layer-vip-p2">即日起每日進入直播間自動發放20寶石</div> } if(sessionStorage.lang==2)var titleName="女神物語" else var titleName="Goddess Chronicles" var obj = { "cid": 34, //修改网页title 居中显示。 "data": { "type": 2, //1 图片 2文本。 "imgTxt": titleName, } } var obj2 = JSON.stringify(obj); appCollaboration(obj2); $(".top-btn1 div").on("click",function(){ var _self=$(this); if(_self.attr("data-type")==1){ $(".user-box").hide() $(".mc-box").fadeIn(200) $(".top-btn1").removeClass("top-btn2") } else{ $(".mc-box").hide() $(".user-box").fadeIn(200) $(".top-btn1").addClass("top-btn2") task() } }) if(sessionStorage.jump==1){ $(".mc-box").hide() $(".user-box").fadeIn(200) $(".top-btn1").addClass("top-btn2") task() } $(".rule-btn").on("click",function(){ window.location.href="rule.html"+location.search }) list() topMc() yesterday() if(sessionStorage.roomId!=0){ bottom() } $(".yesterday-btn").on("click",function(){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["9.453rem", "10.973rem"], content: $(".layer-yesterday"), end: function () { $(".layui-layer-shade").hide() giftOk=true; } }) }) function topMc(){ $.ajax({ url:$ip+'/actGoddessStory/getRoomBestSexData.html', success:function(data){ console.log('往日女神',data) var html=[]; for(var i=0;i<data.result.sexyList.length;i++){ var list=data.result.sexyList[i] if(list.roomId==0){ html+='<li>'; html+='<img class="record-face" src="images/face.png" alt="">'; html+='<p class="record-p1">8-'+(i+1)+'</p>'; if(sessionStorage.lang==2)html+='<p class="record-p2">暫未產生</p>'; else html+='<p class="record-p2">Not yet</p>'; html+='</li>'; continue; } html+='<li>'; html+='<a href="yazhai://_' + list.roomId + '_zone"><img class="record-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt=""></a>'; if(list.isLisk==0)html+='<div data-type="'+list.roomId+'" class="record-like record-like-click"></div>'; else html+='<div class="record-like record-like-end"></div>'; html+='<p class="record-p1">8-'+(i+1)+'</p>'; html+='<p class="record-p2">'+list.nickName+'</p>'; html+='</li>'; } $(".layer-record-ul").html(html) $(".record-like-click").unbind("click").on("click",function(){ var _self=$(this) $.ajax({ url:$ip+'/room/like', data:{ roomId:_self.attr("data-type") }, success:function(data){ if(data.code==1){ if(sessionStorage.lang==2)layer.msg("追蹤成功") else layer.msg("success!") _self.unbind("click").addClass("record-like-end") }else{ layer.msg(data.msg) } } }) }) } }) } function yesterday(){ $.ajax({ url:$ip+'/actGoddessStory/getViewLikeData.html', success:function(data){ console.log("昨日top1",data) if(data.result.roomSexData.uid==0){ return; } var list=data.result.roomSexData $(".top-mc-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110") $(".top-mc-p2").text(list.nickName) if(sessionStorage.lang==2)$(".top-mc-p3").text("積分:"+list.score+"") else $(".top-mc-p3").text("score:"+list.score+"") if(list.isLike==0&&list.uid!=0)$(".top-like").show().attr("data-type",list.uid) $(".top-mc-face").unbind("click").on("click",function(){ window.location.href='yazhai://_' + list.uid + '_zone' }) $(".top-like").unbind("click").on("click",function(){ var _self=$(this) $.ajax({ url:$ip+'/room/like', data:{ roomId:_self.attr("data-type") }, success:function(data){ if(data.code==1){ if(sessionStorage.lang==2)layer.msg("追蹤成功") else layer.msg("success!") _self.hide() }else{ layer.msg(data.msg) } } }) }) } }) } function list(){ $.ajax({ url:$ip+'/actGoddessStory/getRankData.html', success:function(data){ console.log('主播榜单',data) var html='' for(var i=0;i<data.result.rankList.length;i++){ var list=data.result.rankList[i] html+='<li>'; if(i==0)html+='<div class="list-box1"><img src="images/m1.png" alt=""></div>'; else html+='<div class="list-box1">'+(i+1)+'</div>' html+='<div class="list-box2">'; html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>'; if(list.fansRank[0]!=undefined)html+='<a href="yazhai://_' + list.fansRank[0].uid + '_zone"><img class="list-face2" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt=""></a>'; html+='<p class="list-p1">'+list.name+'</p>'; if(sessionStorage.lang==2)html+='<p class="list-p2">積分 : '+list.score+'</p>'; else html+='<p class="list-p2">score : '+list.score+'</p>'; html+='</div>'; html+='<div class="list-box3">'; if(list.score>=10000){ if(sessionStorage.lang==2) html+='<div class="list-ok">今日達標</div>'; else html+='<div class="list-ok">Completed</div>'; } else{ if(sessionStorage.lang==2)html+='<div class="list-box3">今日進度:'+Math.floor(list.score/10000*100)+'%</div>'; else html+='<div class="list-box3">progress:'+Math.floor(list.score/10000*100)+'%</div>'; } html+='</div>'; html+='<img class="line" src="images/line.png" alt="">'; html+='</li>'; } $(".list-ul").html(html); } }) } function bottom(){ $.ajax({ url:$ip+'/actGoddessStory/getViewBottomData.html', success:function(data){ console.log('底部导航',data) var html=''; var list=data.result.roomData html+='<li>'; if(list.rank==1)html+='<div class="list-box1"><img src="images/m1.png" alt=""></div>'; else{ if(list.rank==-1)html+='<div class="list-box1">--</div>'; else html+='<div class="list-box1">'+list.rank+'</div>'; } html+='<div class="list-box2">'; html+='<a href="yazhai://_'+list.roomId+'_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt=""></a>'; html+='<p class="list-p1">'+list.roomName+'</p>' if(sessionStorage.lang==2)html+='<p class="list-p2">積分 : '+list.score+'</p>'; else html+='<p class="list-p2">score : '+list.score+'</p>'; html+='</div>'; if(list.score>=10000){ if(sessionStorage.lang==2) html+='<div class="list-box3"><div class="list-ok">今日達標</div></div>'; else html+='<div class="list-box3"><div class="list-ok">Completed</div></div>'; } else{ if(sessionStorage.lang==2)html+='<div class="list-box3">今日進度:'+Math.floor(list.score/10000*100)+'%</div>'; else html+='<div class="list-box3">progress:'+Math.floor(list.score/10000*100)+'%</div>'; } html+='</li>'; $(".bottom-nav").html(html).show() } }) } function task(){ $.ajax({ url:$ip+'/actGoddessStory/getWelfareData.html', success:function(data){ console.log('获取福利四重奏页面数据',data) for(var i=0;i<data.result.welfareList.length;i++){ var list=data.result.welfareList[i] if(i==0){ //簽到 if(list.status==0){ $(".card-box").unbind("click").on("click",function(){ var _self=$(this) $.ajax({ url:$ip+'/actGoddessStory/checkin.html', data:{ position:_self.attr("data-type") }, success:function(data){ console.log('用户签到',data) if(data.code!=1){ layer.msg(data.msg) return; } _self.children(".card1").css("transform","rotateY(180deg)").css("z-index","1") _self.children(".card2").css("transform","rotateY(-180deg)").css("z-index","3") $(".card-box").unbind("click") var html=''; html+='<div class="card-content">'; if(data.result.rewardId==4){ html+='<img src="images/g2.png" alt="">'; html+='<p>女神花束*1</p>'; } else{ html+='<img src="images/g1.png" alt="">'; html+='<p>女神硬幣*'+data.result.rewardId+'</p>'; } html+='</div>'; $(".card2").html(html) if(sessionStorage.lang==2) $(".user-sign-box >p").text("今日已簽到,禮物已發放至背包,請明日再來") else $(".user-sign-box >p").text("Signed in, gift in backpack. Come back tomorrow.") } }) }) }else{ if(sessionStorage.lang==2) $(".user-sign-box >p").text("今日已簽到,禮物已發放至背包,請明日再來") else $(".user-sign-box >p").text("Signed in, gift in backpack. Come back tomorrow.") var html=''; html+='<div class="card-content">'; if(list.checkinReward==4){ html+='<img src="images/g2.png" alt="">'; if(sessionStorage.lang==2)html+='<p>女神花束*1</p>'; else html+='<p>flowers*1</p>'; } else{ html+='<img src="images/g1.png" alt="">'; if(sessionStorage.lang==2)html+='<p>女神硬幣*'+list.checkinReward+'</p>'; else html+='<p>goddess coin*'+list.checkinReward+'</p>'; } html+='</div>'; $(".card2").html(html) console.log(11) $(".card-box"+list.checkinPosition+"").children(".card1").css("transform","rotateY(180deg)").css("z-index","1") $(".card-box"+list.checkinPosition+"").children(".card2").css("transform","rotateY(-180deg)").css("z-index","3") } } if(i==1){ //儲值抽獎 if(list.status==-1){ //未達標 if(sessionStorage.lang==2)$(".lucky-btn").addClass("lucky-btn2").text("點擊前往儲值 >") else $(".lucky-btn").addClass("lucky-btn2").text("Go to recharge >") $(".lucky-btn").unbind("click").on("click",function(){ window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search }) } else if(list.status==0){ //可抽獎 $(".lucky-btn").unbind("click").on("click",function(){ lottery() }) } else if(list.status==1){ //已領取 if(sessionStorage.lang==2)$(".lucky-btn").addClass("lucky-btn2").text("已獲得"+list.todayRewardDiamond+"寶石") else $(".lucky-btn").addClass("lucky-btn2").text("Already obtained "+list.todayRewardDiamond+" GEMs") } } if(i==2){ //每日禮包 if(list.status==0){ //未購買 $(".gift-btn").unbind("click").on("click",function(){ getCard(1) }) } else{ //已購買 if(sessionStorage.lang==2) $(".gift-btn").addClass("gift-btn2").text("今日已購買") else $(".gift-btn").addClass("gift-btn2").text("Purchased today") } } if(i==3){ //月卡 if(list.status==0){ //未購買 $(".vip-btn").unbind("click").on("click",function(){ getCard(2) }) }else{ //已購買 if(sessionStorage.lang==2){ $(".vip-btn").addClass("vip-btn2").text("已購買:有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日") $(".layer-vip-p3").text("已購買:有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日") }else{ $(".vip-btn").addClass("vip-btn2").text("Purchased until"+timeGet(list.validEndTime)[1]+"-"+timeGet(list.validEndTime)[2]+"") $(".layer-vip-p3").text("Purchased until"+timeGet(list.validEndTime)[1]+"-"+timeGet(list.validEndTime)[2]+"") } } } } } }) } function getCard(e){ //1礼包 2月卡 $.ajax({ url:$ip+'/actGoddessStory/userBuyGoods.html', data:{ goodsType:e }, success:function(data){ console.log('购买礼包,月卡',data) if(data.code==-100){ layer.msg(data.msg) setTimeout(function() { window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search }, 1000); return } else if(data.code!=1){ layer.msg(data.msg) return } if(e==1){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["9.45rem", "10.78rem"], content: $(".layer-user-gift"), end: function () { $(".layui-layer-shade").hide() giftOk=true; } }) $(".layer-user-gift-ok").unbind("click").on("click",function(){ layer.closeAll() }) task() // layer-user-gift } if(e==2){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["9.45rem", "7.28rem"], content: $(".layer-vip"), end: function () { $(".layui-layer-shade").hide() giftOk=true; } }) $(".layer-vip-btn").unbind("click").on("click",function(){ layer.closeAll() }) task() } } }) } function lottery(){ $.ajax({ url:$ip+'/actGoddessStory/userLottery.html', success:function(data){ console.log('储值抽奖',data) if(data.code!=1){ layer.msg(data.msg) return; } if(sessionStorage.lang==2)$(".layer-reg-p").text("恭喜您獲得"+data.result.rateDiamond+"寶石") else $(".layer-reg-p").text("Congratulations! You have obtained "+data.result.rateDiamond+" gems.") layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["9.45rem", "7.48rem"], content: $(".layer-reg"), end: function () { $(".layui-layer-shade").hide() giftOk=true; } }) task() $(".layer-reg-btn").unbind("click").on("click",function(){ layer.closeAll() }) } }) } }) </script> </html>