<!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=2024090302">
<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: #130823;">
<div class="bg">
<img class="ref" src="images/ref.png" alt="">
<img class="rule-btn" src="images/rule-btn.png" alt="">
<div class="layer-day">
<div class="ok-btn"></div>
</div>
<div class="layer-reg">
<div class="layer-reg-gift">
<img src="images/gift/g1.png" alt="">
</div>
<p class="layer-reg-name">恭喜您獲得XXXXXX</p>
<div class="ok-btn"></div>
</div>
<div class="banner"></div>
<div class="top-btn1">
<div></div>
<div></div>
</div>
<div class="mc-box">
<div class="lucky-text-box"></div>
<div class="king-bg">
<div class="top-king"></div>
<img style="display: none;" class="top-like" src="images/like.png" alt="">
<img class="top-face" src="images/face.png" alt="">
<p class="top-p1">昨日最佳主播</p>
<p class="top-p2">虛位以待</p>
<p class="top-p3">積分：--</p>
</div>
<div class="list-bg">
<ul class="list-ul">
<!-- <li class="li-top">
<div class="li-box1">2</div>
<div class="li-box2">
<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="li-p1">主播暱稱預留</p>
<p class="li-p2">積分: 123456</p>
</div>
<div class="li-box3"><img src="images/over.png" alt=""></div>
</li> -->
</ul>
</div>
<div style="height: 2rem;"></div>
<div class="bottom-nav">
<!-- <li>
<div class="li-box1">2</div>
<div class="li-box2">
<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="li-p1">主播暱稱預留</p>
<p class="li-p2">積分: 123456</p>
</div>
<div class="li-box3"><img src="images/over.png" alt=""></div>
</li> -->
</div>
</div>
<div class="user-box" style="display: none;">
<div class="task-box">
<div data-type="1" class="task1 "></div>
<div data-type="2" class="task2 "></div>
<div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" data-type="3" class="task3 ">
<span id="target" class="haxi" style="float: left;font-size: 0"></span>
</div>
<div data-type="4" class="task4 "></div>
</div>
<div class="turn-box">
<div class="turn-center"></div>
<div class="turn-reg-box"></div>
<div class="pointer"></div>
</div>
<div class="day-box">
<div class="day-box-btn"></div>
</div>
<div class="lucky-text-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 src="lib/swiper.min.js"></script>
<script>
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$("title").text("The goddess of luck")
$(".rule-btn").attr("src","images/en/rule-btn.png")
$(".top-p1").text("yesterday Top Mc")
$(".top-p2").text("Not yet")
}
if(sessionStorage.lang==2)var titleName="幸運女神降臨"
else var titleName="The goddess of luck"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 2, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
$(".top-btn1 div").eq(0).on("click",function(){
$(".top-btn1").removeClass("top-btn2")
$(".user-box").hide()
$(".mc-box").fadeIn(200)
})
$(".top-btn1 div").eq(1).on("click",function(){
$(".top-btn1").addClass("top-btn2")
$(".mc-box").hide()
$(".user-box").fadeIn(200)
task()
user()
})
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
$(".ok-btn").on("click",function(){
layer.closeAll()
})
list()
topMc()
var lotteryOk=true
function lottery(){
if(lottery==false)return;
lottery=false
$.ajax({
url:$ip+'/actTheLuckFairy/userLottery.html',
success:function(data){
console.log("抽奖")
if(data.code!=1){
layer.msg(data.msg)
lottery=true
return
}
if(sessionStorage.lang==2)var regNameArr=['','幸運花環*3','幸運花環*5','幸運花環*10','vip*3天','幸運風車','幸運蝴蝶','幸運金幣','幸運元寶']
else var regNameArr=['','Lucky wreath*3','Lucky wreath*5','Lucky wreath*10','vip*3day','Lucky pinwheel','Lucky Butterfly','Lucky Coin','Lucky ingot']
if(sessionStorage.lang==2)$(".layer-reg-name").text('恭喜您獲得'+regNameArr[data.result.rewardId]+'')
else $(".layer-reg-name").text('Congrats on '+regNameArr[data.result.rewardId]+'')
if(data.result.rewardId<4) $(".layer-reg-gift img").attr("src","images/gift/g1.png")
else $(".layer-reg-gift img").attr("src","images/gift/g"+data.result.rewardId+".png")
turnShow(data.result.rewardId)
setTimeout(function() {
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["10rem", "auto"],
content: $(".layer-reg"),
end: function () {
$(".layui-layer-shade").hide()
user()
}
})
}, 3600);
}
})
}
function buyGoods(){
$.ajax({
url:$ip+'/actTheLuckFairy/userBuyGoods.html',
success:function(data){
console.log('购买每日礼包',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.98rem", "auto"],
content: $(".layer-day"),
end: function () {
$(".layui-layer-shade").hide()
}
})
user()
}
})
}
function topMc(){
$.ajax({
url:$ip+'/actTheLuckFairy/getViewLikeData.html',
success:function(data){
console.log("昨日最佳主播",data)
if(data.result.roomSexData.uid==0){
if(sessionStorage.lang==2)$(".top-p3").text("積分:--")
else $(".top-p3").text("score:--")
return;
}
var list=data.result.roomSexData
$(".top-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110")
$(".top-p2").text(list.nickName)
if(sessionStorage.lang==2)$(".top-p3").text("積分:"+list.score+"")
else $(".top-p3").text("score:"+list.score+"")
if(list.isLike==0&&list.uid!=0)$(".top-like").show().attr("data-type",list.uid)
$(".top-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+'/actTheLuckFairy/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(i==0)html+='<li class="li-top">';
else html+='<li>';
html+='<div class="li-box1">'+(i+1)+'</div>';
html+='<div class="li-box2">';
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="li-mc-face" 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="li-user-face" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p class="li-p1">'+list.name+'</p>';
if(sessionStorage.lang==2)html+='<p class="li-p2">積分: '+list.score+'</p>';
else html+='<p class="li-p2">score: '+list.score+'</p>';
html+='</div>';
if(list.score>=10000){
if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
}else{
if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>';
else html+='<div class="li-box3"><p>progress: '+Math.floor(list.score/10000*100)+'%</p></div>';
}
html+='</li>';
}
$(".list-ul").html(html);
}
})
}
if(sessionStorage.roomId!=0) bottom()
function bottom(){
$.ajax({
url:$ip+'/actTheLuckFairy/getViewBottomData.html',
data:{
roomid:sessionStorage.roomId
},
success:function(data){
console.log('获取底部导航栏信息',data)
var html=[];
var list=data.result.roomData;
html+='<li>';
if(list.rank==-1) html+='<div class="li-box1">--</div>';
else html+='<div class="li-box1">'+list.rank+'</div>';
html+='<div class="li-box2">';
html+='<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt="">';
// html+='<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">';
html+='<p class="li-p1">'+list.roomName+'</p>';
if(sessionStorage.lang==2)html+='<p class="li-p2">積分: '+list.score+'</p>';
else html+='<p class="li-p2">score: '+list.score+'</p>';
html+='</div>';
if(list.score>=10000){
if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
}else{
if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>';
else html+='<div class="li-box3"><p>progress: '+Math.floor(list.score/10000*100)+'%</p></div>';
}
html+='</li>';
$(".bottom-nav").html(html).show()
}
})
}
function task(){
$.ajax({
url:$ip+'/actTheLuckFairy/getUserTaskData.html',
success:function(data){
console.log("获取任务数据",data)
$("#target").text(data.result.taskList[2].speakMsg)
for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i]
$(".task"+(i+1)+"").unbind("click")
if(list.taskStatus==2){
$(".task"+(i+1)+"").addClass("task3-btn")
continue;
}
if(list.taskStatus==1){
$(".task"+(i+1)+"").addClass("task2-btn")
$(".task"+(i+1)+"").on("click",function(){
var _self=$(this)
getTask(_self.attr("data-type"))
})
}
if(list.taskStatus==0){
if(i==1){
$(".task"+(i+1)+"").addClass("task4-btn")
$(".task"+(i+1)+"").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '去儲值',
"jumptype": 16, //16: 去储值 18: 跳转到座驾 3：跳转集合功能 28:跳转直播间 29：空间 26:设置 40:半屏宝石储值 41：礼物列表 42：背包列表 // 43: 跳转新人主播引导
"hideTitle": 0 // 1隐藏头部，0 不隐藏， 默认为0
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
}
if(i==2){
$(".task"+(i+1)+"").addClass("task5-btn")
$(".task"+(i+1)+"").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!")
})
}
if(i==3){
$(".task"+(i+1)+"").addClass("task1-btn")
}
}
}
}
})
}
function getTask(e){
$.ajax({
url:$ip+'/actTheLuckFairy/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("success");
task()
}
})
}
function turnShow(e){
var goDeg=720+(360-(e-1)*45)
$(".turn-center").css("transform","rotate("+goDeg+"deg)")
}
var userRegTimer=null
function checkReg(){
$.ajax({
url:$ip+'/actTheLuckFairy/getUserRechargeData.html',
success:function(data){
console.log('检查用户储值',data)
if(data.result.status>=0){
user()
}
}
})
}
function user(){
$.ajax({
url:$ip+'/actTheLuckFairy/getWelfareData.html',
success:function(data){
console.log("获取福利页面",data)
//購買每日禮包
if(data.result.welfareList[1].status==0){
$(".day-box-btn").unbind("click").on("click",function(){
buyGoods()
})
}else{
$(".day-box-btn").addClass("day-box-btn-end")
}
//儲值抽獎
clearInterval(userRegTimer)
if(data.result.welfareList[0].status==-1){
userRegTimer=setInterval(function(){
checkReg()
},5000)
$(".turn-reg-box").unbind("click").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '去儲值',
"jumptype": 16, //16: 去储值 18: 跳转到座驾 3：跳转集合功能 28:跳转直播间 29：空间 26:设置 40:半屏宝石储值 41：礼物列表 42：背包列表 // 43: 跳转新人主播引导
"hideTitle": 0 // 1隐藏头部，0 不隐藏， 默认为0
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
}
else if(data.result.welfareList[0].status==0){
$(".turn-reg-box").addClass("turn-reg-box2")
$(".turn-reg-box").unbind("click").on("click",function(){
lottery()
})
}
else if(data.result.welfareList[0].status==1){
$(".turn-reg-box").addClass("turn-reg-box3")
$(".turn-reg-box").unbind("click").on("click",function(){
})
}
}
})
}
})
</script>
</html>