<!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>
<div class="layer-game"></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></div>
<div></div>
</div>
<div class="mc-box">
<div class="gift-box"></div>
<div class="top-mc-box">
<div class="top-mc-face1"></div>
<img class="top-face1" src="images/face.png" alt="">
<p class="top-mc-box-p1">昨日最佳花園</p>
<p class="top-mc-box-p2">虛位以待</p>
<p class="top-mc-box-p3">積分：--</p>
<img style="display: none;" class="like-btn like-btn1" src="images/like.png" alt="">
<div class="top-mc-face2"></div>
<img class="top-face2" src="images/face.png" alt="">
<p class="top-mc-box2-p1">昨日花園男神</p>
<p class="top-mc-box2-p2">虛位以待</p>
<p class="top-mc-box2-p3">積分：--</p>
<img style="display: none;" class="like-btn like-btn2" src="images/like.png" alt="">
</div>
<div class="list-box-bg">
<div class="list-btn1">
<div data-type="1"></div>
<div data-type="2"></div>
</div>
<div class="list-top-box">
<!-- <div class="list-top1">
<div class="top-face"></div>
<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="top-mc-p1">主播暱稱</p>
<p class="top-mc-p2">花園積分</p>
<p class="top-mc-p3">5321564</p>
</div>
<div class="list-top2">
<div class="top-face"></div>
<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="top-mc-p1">主播暱稱</p>
<p class="top-mc-p2">花園積分</p>
<p class="top-mc-p3">5321564</p>
</div>
<div class="list-top3">
<div class="top-face"></div>
<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="top-mc-p1">主播暱稱</p>
<p class="top-mc-p2">花園積分</p>
<p class="top-mc-p3">5321564</p>
</div> -->
</div>
<ul class="list-content">
<!-- <li>
<div class="list-box1">2</div>
<div class="list-box2">
<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p>用戶暱稱預留</p>
</div>
<div class="list-box3">花園積分 : 456789</div>
</li> -->
</ul>
</div>
<div class="list-box-bg2">
<div class="list-btn1">
<div data-type="1"></div>
<div data-type="2"></div>
</div>
<div class="list-top-box">
<!-- <div class="list-top1">
<div class="top-face"></div>
<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="top-mc-p1">主播暱稱</p>
<p class="top-mc-p2">花園積分</p>
<p class="top-mc-p3">5321564</p>
</div>
<div class="list-top2">
<div class="top-face"></div>
<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="top-mc-p1">主播暱稱</p>
<p class="top-mc-p2">花園積分</p>
<p class="top-mc-p3">5321564</p>
</div>
<div class="list-top3">
<div class="top-face"></div>
<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="top-mc-p1">主播暱稱</p>
<p class="top-mc-p2">花園積分</p>
<p class="top-mc-p3">5321564</p>
</div> -->
</div>
<ul class="list-content">
<!-- <li>
<div class="list-box1">2</div>
<div class="list-box2">
<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p>用戶暱稱預留</p>
</div>
<div class="list-box3">花園積分 : 456789</div>
</li> -->
</ul>
</div>
</div>
<div style="display: none;" class="user-box">
<div class="task-box">
<div class="task3-time">(<span>0</span>/20<i class="en-txt1">分鐘</i>)</div>
<div data-type="1" class="task-btn1 task1"></div>
<div data-type="2" class="task-btn1 task2"></div>
<div data-type="3" class="task-btn1 task3"></div>
<div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" data-type="4" class="task-btn1 task4">
<span id="target" class="haxi" style="float: left;font-size: 0"></span>
</div>
<div data-type="5" class="task-btn1 task5"></div>
<div data-type="6" class="task-btn1 task6"></div>
</div>
<div style="display: none;" class="lucky-game">
<div class="lucky-title"></div>
<div class="lucky-tips"></div>
<iframe src="http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html" frameborder="0"></iframe>
</div>
<div class="user-list-bg">
<ul class="user-list-ul">
<li>
<div class="user-list-box1">6</div>
<div class="user-list-box2">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
主播昵称预留
</div>
<div class="user-list-box3">經驗值: 456123</div>
</li>
<li>
<div class="user-list-box1">6</div>
<div class="user-list-box2">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
主播昵称预留
</div>
<div class="user-list-box3">經驗值: 456123</div>
</li>
<li>
<div class="user-list-box1">6</div>
<div class="user-list-box2">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
主播昵称预留
</div>
<div class="user-list-box3">經驗值: 456123</div>
</li>
<li>
<div class="user-list-box1">6</div>
<div class="user-list-box2">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
主播昵称预留
</div>
<div class="user-list-box3">經驗值: 456123</div>
</li>
<li>
<div class="user-list-box1">6</div>
<div class="user-list-box2">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
主播昵称预留
</div>
<div class="user-list-box3">經驗值: 456123</div>
</li>
<li>
<div class="user-list-box1">6</div>
<div class="user-list-box2">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
主播昵称预留
</div>
<div class="user-list-box3">經驗值: 456123</div>
</li>
</ul>
</div>
</div>
<div style="display: none;" class="bottom-nav">
<!-- <li>
<div class="list-box1">2</div>
<div class="list-box2">
<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p>用戶暱稱預留</p>
</div>
<div class="list-box3">花園積分 : 456789</div>
</li> -->
</div>
<div style="height: 1.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("body-en")
$("title").text('Her Secret Garden')
$(".top-mc-box-p1").text("top MC")
$(".top-mc-box2-p1").text("Player")
$(".rule-btn").attr("src","images/en/rule-btn.png")
$(".top-mc-box-p2").text("not yet")
$(".top-mc-box2-p2").text("not yet")
$(".top-mc-box-p3").text("score:--")
$(".top-mc-box2-p3").text("score:--")
$(".en-txt1").text('min')
}
if(sessionStorage.lang==2)var titleName="她の秘密後花園"
else var titleName="Her Secret Garden"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 2, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
$(".lucky-tips").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["10rem", "auto"],
content: $(".layer-game"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
$(".top-btn1 div").eq(0).on("click",function(){
$(".user-box").hide()
$(".mc-box").fadeIn(200)
$(".top-btn1").removeClass("top-btn2")
})
$(".top-btn1 div").eq(1).on("click",function(){
$(".mc-box").hide()
$(".user-box").fadeIn(200)
$(".top-btn1").addClass("top-btn2")
topUser()
task()
})
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
if(sessionStorage.jump==1){
$(".mc-box").hide()
$(".user-box").fadeIn(200)
$(".top-btn1").addClass("top-btn2")
topUser()
task()
}
$(".list-box-bg .list-btn1 div").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")==1){
list(1,0)
$(".list-box-bg .list-btn1").removeClass("list-btn2")
}else{
list(1,1)
$(".list-box-bg .list-btn1").addClass("list-btn2")
}
})
$(".list-box-bg2 .list-btn1 div").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")==1){
list(2,0)
$(".list-box-bg2 .list-btn1").removeClass("list-btn2")
}else{
list(2,1)
$(".list-box-bg2 .list-btn1").addClass("list-btn2")
}
})
list(1,0)
list(2,0)
topMc()
if(sessionStorage.roomId!=0){
$(".lucky-game iframe").attr("src","http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html"+location.search+"")
$(".lucky-game").show()
bottom()
}
function list(type,date){
$.ajax({
url:$ip+'/actSecretGarden/getRankData.html',
data:{
rankType:type,
dateRange:date
},
success:function(data){
console.log('榜單數據',data)
var html=''
if(sessionStorage.lang==2){
if(type==1)scoreName='花園積分'
else scoreName='男神指數'
}else scoreName='score'
for(var i=0;i<3;i++){
if(data.result.rankList[i]==undefined)continue;
var list=data.result.rankList[i]
html+='<div class="list-top'+(i+1)+'">';
html+='<a href="yazhai://_' + list.uid + '_zone"><div class="top-face"></div></a>';
html+='<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">';
html+='<p class="top-mc-p1">'+list.name+'</p>';
html+='<p class="top-mc-p2">'+scoreName+'</p>';
html+='<p class="top-mc-p3">'+list.score+'</p>';
html+='</div>';
}
if(data.result.rankList.length==0){
if(sessionStorage.lang==2)html+='<h2>暫無數據~</h2>'
else html+='<h2>Not Data~</h2>'
}
if(type==1) $(".list-box-bg .list-top-box").html(html)
else $(".list-box-bg2 .list-top-box").html(html)
var html=''
for(var i=3;i<data.result.rankList.length;i++){
var list=data.result.rankList[i]
html+='<li>';
html+='<div class="list-box1">'+(i+1)+'</div>';
html+='<div class="list-box2">';
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p>'+list.name+'</p>';
html+='</div>';
html+='<div class="list-box3">'+scoreName+' : '+list.score+'</div>';
html+='<img class="line" src="images/line.png">'
html+='</li>';
}
if(type==1)$(".list-box-bg .list-content").html(html)
else $(".list-box-bg2 .list-content").html(html)
}
})
}
function bottom(){
$.ajax({
url:$ip+'/actSecretGarden/getViewBottomData.html',
data:{
roomId:sessionStorage.roomId
},
success:function(data){
console.log('底部導航欄',data)
var html='';
html+='<li>';
if(data.result.roomData.rank==-1) html+='<div class="list-box1">--</div>';
else html+='<div class="list-box1">'+data.result.roomData.rank+'</div>';
html+='<div class="list-box2">';
html+='<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+data.result.roomData.roomFace+'?x-oss-process=image/resize,w_90" alt="">';
html+='<p>'+data.result.roomData.roomName+'</p>';
html+='</div>';
if(sessionStorage.lang==2)html+='<div class="list-box3">花園積分 : '+data.result.roomData.score+'</div>';
else html+='<div class="list-box3">score : '+data.result.roomData.score+'</div>';
html+='</li>';
$(".bottom-nav").html(html).show();
}
})
}
function task(){
$.ajax({
url:$ip+'/actSecretGarden/getUserTaskData.html',
success:function(data){
console.log('獲取任務數據',data)
$("#target").text(data.result.taskList[3].speakMsg)
$(".task3-time span").text(Math.floor(data.result.taskList[2].userWatchTime/60))
for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i]
if(list.taskStatus==1){
$(".task"+(i+1)+"").addClass("task-btn2")
}else if(list.taskStatus==2){
$(".task"+(i+1)+"").addClass("task-btn3")
}
else{
if(i==1){
$(".task"+(i+1)+"").addClass("task-btn4")
}
if(i==3){
$(".task"+(i+1)+"").addClass("task-btn6")
}
if(i==4||i==5){
$(".task"+(i+1)+"").addClass("task-btn5")
}
}
}
$(".task-btn4").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);
webAppCollaboration(obj2);
// window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
})
$(".task-btn6").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!")
})
$(".task-btn5").unbind("click").on("click",function(){
if(sessionStorage.roomId!=0)scrollTo('.lucky-title','200')
else{
sessionStorage.lang==2?layer.msg("請進入直播間內遊玩"):layer.msg("Please enter the live broadcast room to play.")
}
})
$(".task-btn2").unbind("click").on("click",function(){
var _self=$(this)
getTask(_self.attr("data-type"))
})
}
})
}
function topUser(){
$.ajax({
url:$ip+'/actSecretGarden/getGardenScoreTotalRankData.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>';
html+='<div class="user-list-box1">'+(i+1)+'</div>';
html+='<div class="user-list-box2">';
html+='<a href="yazhai://_' + list.uid + '_zone"><img src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>'+list.name+'';
html+='</div>';
if(sessionStorage.lang==2)html+='<div class="user-list-box3">經驗值: '+list.score+'</div>';
else html+='<div class="user-list-box3">score: '+list.score+'</div>';
html+='</li>';
}
$(".user-list-ul").html(html)
}
})
}
function getTask(e){
$.ajax({
url:$ip+'/actSecretGarden/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 topMc(){
$.ajax({
url:$ip+'/actSecretGarden/getViewLikeData.html',
success:function(data){
console.log('昨日最佳',data)
var list=data.result
if(list.roomSexData.uid!=0){
$(".top-face1").attr("src","https://big.bgp.ourpow.com/comm"+list.roomSexData.face+"?x-oss-process=image/resize,w_90")
$(".top-mc-box-p2").text(list.roomSexData.nickName)
if(sessionStorage.lang!=2)$(".top-mc-box-p3").text("score:"+list.roomSexData.score+"")
else $(".top-mc-box-p3").text("積分："+list.roomSexData.score+"")
if(list.roomSexData.isLike==0)$(".like-btn1").show().attr("data-type",list.roomSexData.uid)
}
if(list.userRichData.uid!=0){
$(".top-face2").attr("src","https://big.bgp.ourpow.com/comm"+list.userRichData.face+"?x-oss-process=image/resize,w_90")
$(".top-mc-box2-p2").text(list.userRichData.nickName)
if(sessionStorage.lang!=2) $(".top-mc-box2-p3").text("score:"+list.userRichData.score+"")
else $(".top-mc-box2-p3").text("積分："+list.userRichData.score+"")
if(list.userRichData.isLike==0)$(".like-btn2").show().attr("data-type",list.userRichData.uid)
}
$(".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)
}
}
})
})
}
})
}
})
</script>
</html>