<!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 class="bg">
<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 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="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
<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: 2rem;"></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)var titleName="女神物語"
else var titleName="Summer Carnival"
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()
}
})
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
list()
topMc()
yesterday()
function topMc(){
$.ajax({
url:$ip+'/actGoddessStory/getRoomBestSexData.html',
success:function(data){
console.log('往日女神',data)
for(var i=0;i<data.result.sexyList.length;i++){
var list=data.result.sexyList[i]
if(list.roomId==0){
// $(".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)
// $(".top-mc-p3").text("積分:"+list+"")
break;
}
}
}
})
}
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)
$(".top-mc-p3").text("積分:"+list.score+"")
}
})
}
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+='<img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">';
if(list.fansRank[0]!=undefined)html+='<img class="list-face2" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt="">';
html+='<p class="list-p1">'+list.name+'</p>';
html+='<p class="list-p2">積分 : '+list.score+'</p>';
html+='</div>';
html+='<div class="list-box3">';
if(list.score>=10000)html+='<div class="list-ok">今日達標</div>';
else html+='<div class="list-box3">今日進度:'+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)
}
})
}
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)
$(".user-sign-box >p").text("今日已簽到，禮物已發放至背包，請明日再來")
}
})
})
}else{
$(".user-sign-box >p").text("今日已簽到，禮物已發放至背包，請明日再來")
var html='';
html+='<div class="card-content">';
if(list.checkinReward==4){
html+='<img src="images/g2.png" alt="">';
html+='<p>女神花束*1</p>';
}
else{
html+='<img src="images/g1.png" alt="">';
html+='<p>女神硬幣*'+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){
//未達標
$(".lucky-btn").addClass("lucky-btn2").text("點擊前往儲值 >")
$(".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){
//已領取
$(".lucky-btn").addClass("lucky-btn2").text("已獲得"+list.todayRewardDiamond+"寶石")
}
}
if(i==2){
//每日禮包
if(list.status==0){
//未購買
$(".gift-btn").unbind("click").on("click",function(){
getCard(1)
})
}
else{
//已購買
$(".gift-btn").addClass("gift-btn2").text("今日已購買")
}
}
if(i==3){
//月卡
if(list.status==0){
//未購買
$(".vip-btn").unbind("click").on("click",function(){
getCard(2)
})
}else{
//已購買
$(".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]+"日")
}
}
}
}
})
}
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;
}
$(".layer-reg-p").text("恭喜您獲得"+data.result.rateDiamond+"寶石")
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;
}
})
$(".layer-reg-btn").unbind("click").on("click",function(){
layer.closeAll()
})
}
})
}
})
</script>
</html>