<!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">
<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>
<div style="display: none;" class="layer-result">
<ul class="layer-result-ul">
<!-- <li>
<div>7.02 23:35</div>
<div>夜の馬車*30天</div>
</li>
<li></li> -->
</ul>
</div>
<div style="display: none;" class="layer-fans">
<ul class="layer-fans-ul">
<!-- <li>
<div class="layer-fans-box1">1</div>
<div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div>
</li>
<li>
<div class="layer-fans-box1">2</div>
<div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div>
</li>
<li>
<div class="layer-fans-box1">3</div>
<div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div>
</li> -->
</ul>
</div>
<body style="background: #190B3A;">
<div style="display: none;" class="layer-gift1">
<div class="gift-img-box">
<img src="images/gift/g1.png" alt="">
</div>
<p class="gift1-p">礼物名称预留</p>
<div class="ok"></div>
</div>
<div style="display: none;" class="layer-gift10">
<ul class="layer-gift-ul">
<li>
<img src="images/gift/g4.png" alt="">
<p>夜の水晶鞋</p>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="ok"></div>
</div>
<div class="bg">
<img class="rule-btn" src="images/rule-btn.png" alt="">
<img class="ref" src="images/ref.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 class="gift-box"></div>
<div class="floor"></div>
<div class="mc-list-content">
<!-- <div class="mc-box mc-box6">
<div class="top-k k6"></div>
<p class="mc-box-tips">優先展示當前在線的前四名<br>目標積分520000<span>(獎勵52000羽毛)</span></p>
<div class="card-content">
<div class="card-box">
<img class="card-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
<img class="like-btn" src="images/like.png" alt="">
<p class="card-p1">主播昵称预留</p>
<p class="card-p2"><span>52364</span>/18888</p>
<div class="card-btn">她的粉絲團</div>
</div>
</div>
</div> -->
</div>
<div style="height: 2.5rem;"></div>
<div class="mc-nav">
<!-- <div class="mc-nav-box1">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
</div>
<div class="mc-nav-box2">
主播昵称预留 <span>夜の花魁</span>
</div>
<div class="mc-nav-box3">34234/51321</div> -->
</div>
</div>
<div style="display: none;" class="user-box">
<div class="task-box">
<div class="task-btn task1 task-img1"></div>
<div class="task-btn task2 task-img1"></div>
<div class="task-btn task3 task-img1"></div>
<div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" class="task-btn task4 task-img1">
<span id="target" class="haxi" style="float: left;font-size: 0"></span>
</div>
<div class="task-btn task5 task-img1"></div>
</div>
<div class="lucky-box">
<div class="floor"></div>
<div class="lucky-name">
<div class="record-btn"></div>
</div>
<img class="arm" src="images/arm.png" alt="">
<img class="helo" src="images/s1/未抽奖_00002.png" alt="">
<div class="extract1"></div>
<div class="extract10"></div>
</div>
<div class="lucky-gift-box"></div>
</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>
$(function(){
var ImgNum1=0
var ImgNum2=0
var showT1=null
var showT2=null
if(sessionStorage.lang==2)var titleName="夜の女皇"
else var titleName="Queen of the Night "
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 1, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang!=2){
$("title").text('Queen of the Night')
$("body").addClass("bg-en")
$(".rule-btn").attr("src","images/en/rule-btn.png")
}
showLazy1()
showLazy()
if(Math.random()>0.5){
$(".mc-box").hide()
$(".user-box").fadeIn(200)
$(".top-btn1").addClass("top-btn2")
task()
show1()
}
$(".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 if(_self.attr("data-type")==2){
$(".mc-box").hide()
$(".user-box").fadeIn(200)
$(".top-btn1").addClass("top-btn2")
task()
show1()
}
})
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
$(".record-btn").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "7.8rem"],
content: $(".layer-result"),
end: function () {
$(".layui-layer-shade").hide()
}
})
record()
})
function showLazy1(){
var imgList = [];
var num = 0;
loadImage()
function loadImage() {
var img = new Image();
img.addEventListener("load", loadHandler);
img.src = "images/s1/未抽奖_" + imgAdd(num) + ".png";
}
function loadHandler() {
imgList.push(this.cloneNode());
num++;
if (num > 49) { return; }
this.src = "images/s1/未抽奖_" + imgAdd(num) + ".png";
}
}
function showLazy(){
var imgList = [];
var num = 0;
loadImage()
function loadImage() {
var img = new Image();
img.addEventListener("load", loadHandler);
img.src = "images/s2/抽奖_" + imgAdd(num) + ".png";
}
function loadHandler() {
imgList.push(this.cloneNode());
num++;
if (num > 49) { return; }
this.src = "images/s2/抽奖_" + imgAdd(num) + ".png";
}
}
function show1(){
$(".arm").removeClass("arm-show2").addClass("arm-show")
clearInterval(showT1)
clearInterval(showT2)
showT1=setInterval(function(){
$(".helo").attr("src","images/s1/未抽奖_000"+add0(ImgNum1)+".png")
ImgNum1++
if(ImgNum1>49)ImgNum1=0
},100)
}
function show2(){
$(".arm").removeClass("arm-show").addClass("arm-show2")
clearInterval(showT1)
clearInterval(showT2)
showT2=setInterval(function(){
$(".helo").attr("src","images/s2/抽奖_000"+add0(ImgNum2)+".png")
ImgNum2++
if(ImgNum2>49){
ImgNum2=0
show1()
}
},70)
}
// function luckyGo(){
// show2()
// }
view()
function view(){
$.ajax({
url:$ip+'/actQueenOfTheNight/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]
if(list.levelRankList[0]==undefined)continue;
html+='<div class="mc-box mc-box'+list.level+'">';
html+='<div class="top-k k'+list.level+'"></div>';
if(sessionStorage.lang==2)html+='<p class="mc-box-tips">優先展示當前在線的前四名<br>目標積分'+list.levelScore+'<span> (獎勵'+list.levelBonds+'羽毛)</span></p>';
else html+='<p class="mc-box-tips">Priority display for the top four currently online<br>Goal Points'+list.levelScore+'<span> (Reward:'+list.levelBonds+'FEATHERs)</span></p>';
html+='<div class="card-content">';
for(var j=0;j<4;j++){
if(list.levelRankList[j]==undefined){
html+='<div class="card-box">';
html+='<img class="card-face" src="images/face.png" alt="">';
if(sessionStorage.lang==2)html+='<p class="card-p1">虚位以待</p>';
else html+='<p class="card-p1">upcoming</p>';
html+='<p class="card-p2"><span>--</span>/'+list.levelScore+'</p>';
html+='</div>';
continue
}
html+='<div class="card-box">';
if(list.levelRankList[j].living>0)html+='<img class="live" src="images/live.png">'
html+='<a href="yazhai://_' + list.levelRankList[j].uid + '_zone"><img class="card-face" src="https://big.bgp.ourpow.com/comm'+list.levelRankList[j].face+'?x-oss-process=image/resize,w_110" alt=""></a>';
if(list.levelRankList[j].extra.isLike==0)html+='<img data-type="'+list.levelRankList[j].uid+'" class="like-btn" src="images/like.png" alt="">';
html+='<p class="card-p1">'+list.levelRankList[j].name+'</p>';
if(list.levelScore==520000)html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/520k</p>';
else html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/'+list.levelScore+'</p>';
var userJson=JSON.stringify(list.levelRankList[j].fansRank)
if(sessionStorage.lang==2)html+="<div data-type='"+userJson+"' class='card-btn'>她的粉絲團</div>";
else html+="<div data-type='"+userJson+"' class='card-btn'>her fans</div>";
html+='</div>';
}
html+='</div>';
html+='</div>';
}
$(".mc-list-content").html(html)
if(sessionStorage.lang!=2) $(".like-btn").attr("src","images/en/like.png")
$(".like-btn").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.remove()
}else{
layer.msg(data.msg)
}
}
})
})
$(".card-btn").on("click",function(){
var _self=$(this)
console.log(_self.attr("data-type"))
var fansData=JSON.parse(_self.attr("data-type"))
console.log(fansData)
var html=[];
for(var i=0;i<fansData.length;i++){
html+='<li>';
html+='<div class="layer-fans-box1">'+fansData[i].index+'</div>';
html+='<div class="layer-fans-box2"><a href="yazhai://_' + fansData[i].uid + '_zone"><img src="https://big.bgp.ourpow.com/comm'+fansData[i].face+'?x-oss-process=image/resize,w_90"></a>'+fansData[i].name+'</div>';
if(sessionStorage.lang==2)html+='<div class="layer-fans-box3">貢獻值：'+fansData[i].score+'</div>';
else html+='<div class="layer-fans-box3">score：'+fansData[i].score+'</div>';
html+='</li>';
}
$(".layer-fans-ul").html(html)
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "6.346rem"],
content: $(".layer-fans"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
}
})
}
if(sessionStorage.roomId!=0){
bottom()
}
function record(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getUserLotteryRecord.html',
success:function(data){
console.log('抽獎記錄',data)
var html=[]
for(var i=0;i<data.result.lotteryRecordList.length;i++){
var list=data.result.lotteryRecordList[i]
html+='<li>';
html+='<div>'+timeGet(list.lotteryTimeStamp)[1]+'.'+timeGet(list.lotteryTimeStamp)[2]+' '+timeGet(list.lotteryTimeStamp)[3]+':'+timeGet(list.lotteryTimeStamp)[4]+'</div>';
html+='<div>'+list.rewardName+'</div>';
html+='</li>';
}
$(".layer-result-ul").html(html)
}
})
}
function bottom(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getViewBottomData.html',
success:function(data){
console.log('获取底部导航栏信息',data)
var html=[];
html+='<div class="mc-nav-box1">';
html+='<img src="https://big.bgp.ourpow.com/comm'+data.result.roomData.roomFace+'?x-oss-process=image/resize,w_110" alt="">';
html+='</div>';
html+='<div class="mc-nav-box2">';
if(sessionStorage.lang==2)html+=''+data.result.roomData.roomName+' <span><img src="images/k'+data.result.roomData.level+'.png"></span>';
else html+=''+data.result.roomData.roomName+' <span><img src="images/en/k'+data.result.roomData.level+'.png"></span>';
html+='</div>';
html+='<div class="mc-nav-box3">'+data.result.roomData.score+'/'+data.result.roomData.levelScore+'</div>';
$(".mc-nav").show().html(html);
}
})
}
function task(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getUserTaskData.html',
success:function(data){
console.log("获取任务视图",data)
$("#target").text(data.result.taskList[3].speakMsg)
for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i]
$(".task"+(i+1)+"").removeClass("task-img1 task-img2 task-img3 task-img4 task-img5")
if(list.taskStatus==0){
if(i==1){
$(".task"+(i+1)+"").addClass("task-img4")
continue;
}
if(i==3){
$(".task"+(i+1)+"").addClass("task-img5")
continue;
}
$(".task"+(i+1)+"").addClass("task-img1")
}
else if(list.taskStatus==1){
$(".task"+(i+1)+"").addClass("task-img2").attr("data-type",list.taskId)
}
else if(list.taskStatus==2){
$(".task"+(i+1)+"").addClass("task-img3")
}
}
$(".task-img2").unbind("click").on("click",function(){
var _self=$(this)
getTask(_self.attr("data-type"))
})
$(".task-img4").unbind("click").on("click",function(){
window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
})
$(".task-img5").unbind("click").on("click",function(){
var targetText=$("#target").text();
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.clearSelection();
});
if(sessionStorage.lang==2) layer.msg("已複製，趕緊去直播間發言吧")
else layer.msg("Copied, hurry up and go to the live broadcast room to comment!")
})
}
})
}
function getTask(e){
$.ajax({
url:$ip+'/actQueenOfTheNight/receiveTaskRewards.html',
data:{
taskId:e
},
success:function(data){
console.log('领取任务奖励',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(sessionStorage.lang==2)layer.msg('已領取到背包內，請及時送出')
else layer.msg('Received in the backpack, please send it out promptly')
task()
}
})
}
$(".ok").on("click",function(){
layer.closeAll()
})
var giftOk=true;
$(".extract1").on("click",function(){
lottery(1)
})
$(".extract10").on("click",function(){
lottery(10)
})
var giftArr=['','<span style="font-weight: 700;">一箭穿心</span>','<span style="font-weight: 700;">夜の馬車*30天</span>','<span>vip*30天</span>','<span>夜の水晶鞋</span>','<span>夜の鑽戒</span>','love','浪漫紅酒','夜の假面']
function lottery(e){
if(giftOk==false)return;
giftOk=false
$.ajax({
url:$ip+'/actQueenOfTheNight/userLottery.html',
data:{
lotteryNum:e
},
success:function(data){
console.log("用户抽奖",data)
if(data.code==-100){
layer.msg(data.msg)
setTimeout(function(){
giftOk=true;
window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
},1000)
return;
}
if(data.code!=1){
layer.msg(data.msg)
setTimeout(function(){
giftOk=true;
},500)
return;
}
// setTimeout(function(){
// giftOk=true;
// },3500)
if(e==1){
show2()
setTimeout(function(){
$(".gift-img-box img").attr("src","images/gift/g"+data.result.rewardIdList[0]+".png")
$(".gift1-p").html(giftArr[data.result.rewardIdList[0]])
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "8.4rem"],
content: $(".layer-gift1"),
end: function () {
$(".layui-layer-shade").hide()
giftOk=true;
}
})
}, 3000);
}
if(e==10){
show2()
setTimeout(function() {
var html=[];
for(var i=0;i<data.result.rewardIdList.length;i++){
html+='<li>';
html+='<img src="images/gift/g'+data.result.rewardIdList[i]+'.png" alt="">';
html+='<p>'+giftArr[data.result.rewardIdList[i]]+'</p>';
html+='</li>';
}
$(".layer-gift-ul").html(html)
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "13.293rem"],
content: $(".layer-gift10"),
end: function () {
$(".layui-layer-shade").hide()
giftOk=true;
}
})
}, 3000);
}
}
})
}
})
</script>
</html>