<!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>
<body style="background: #210F2C;">
<div style="display: none;" class="layer-exc">
<ul class="layer-exc-ul">
<!-- <li>
<div class="layer-exc-box1">獎品名稱預留</div>
<div class="layer-exc-box2">XXX個</div>
<div class="layer-exc-box3">6.15 19:30</div>
</li> -->
<!-- <li>
<div class="layer-exc-box1">獎品名稱預留</div>
<div class="layer-exc-box2">XXX個</div>
<div class="layer-exc-box3">6.15 19:30</div>
</li>
<li>
<div class="layer-exc-box1">獎品名稱預留</div>
<div class="layer-exc-box2">XXX個</div>
<div class="layer-exc-box3">6.15 19:30</div>
</li>
<li>
<div class="layer-exc-box1">獎品名稱預留</div>
<div class="layer-exc-box2">XXX個</div>
<div class="layer-exc-box3">6.15 19:30</div>
</li>
<li>
<div class="layer-exc-box1">獎品名稱預留</div>
<div class="layer-exc-box2">XXX個</div>
<div class="layer-exc-box3">6.15 19:30</div>
</li> -->
</ul>
</div>
<div style="display: none;" class="layer-ok">
<div class="layer-ok-gift">
<img src="images/g1.png" alt="">
<p class="layer-ok-name">獎品名稱預留</p>
</div>
<p class="layer-ok-p1"><i class="en-t4">兌換所需應援卡：</i><span>153216</span></p>
<p class="layer-ok-p2"><i class="en-t5">當前持有應援卡：</i><span>132546</span></p>
<div class="layer-ok-btn1"></div>
<div class="layer-ok-btn2"></div>
</div>
<div class="m-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 class="gift-box"></div>
<div class="list-bg">
<div class="list-top-title">第一關: 新秀出道</div>
<div class="list-text-box">
<p class="list-text-p1">6月16日12:00-6月20日00:00</p>
<p class="list-text-p2">今日目標: <span class="stage-get">10000積分（獎勵1000羽毛）</span><br><i class="en-t1">送出活動禮物</i><span class="en-t2">1羽毛=1積分</span></p>
</div>
<ul class="list-ul">
<!-- <li>
<div class="list-li-box1">3</div>
<div class="list-li-box2">
<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<img class="list-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
</div>
<div class="list-li-box3">
<p class="list-li-p1">主播昵称预留</p>
<p class="list-li-p2">積分: 123456</p>
</div>
<div class="list-li-box4">
<div class="nav">進度:150%</div>
</div>
</li> -->
</ul>
</div>
</div>
<div style="display: none;" class="user-box">
<div class="task-bg ">
<div class="user-btn1">
<div data-type="1"></div>
<div data-type="2"></div>
</div>
<div style="display: none;" class="task-content">
<div class="task-text">
<p class="task-p1">完成應援任務可領取應援卡</p>
<p class="task-p2">獲得應援卡可至兌換中心兌換豐厚獎勵</p>
</div>
<div class="card-box">
<div class="card-img"><img src="images/card.png" alt=""></div>
<p><i class="en-t3">我的應援卡: </i><span class="my-card-num"></span></p>
<div class="record-btn"></div>
</div>
<div class="card-big-box">
<div class="task-box">
<div class="card-img"><img src="images/card.png" alt=""></div>
<p class="task-name">每日簽到</p>
<div class="task-nav-box"><div></div></div>
<div class="task-get-btn">未完成</div>
<img class="task-line" src="images/line.png" alt="">
</div>
</div>
</div>
<div style="display: none;" class="exc-content">
<div class="exc-time">7月1日00:00截止兑换</div>
<div class="my-exc-box">
<img class="question" src="images/question.png" alt="">
<p><i class="en-t3">我的應援卡: </i><span class="my-card-num"></span></p>
<div class="record-btn"></div>
</div>
<div class="exc-box">
<div data-type="1" class="exc-btn exc-btn1"></div>
<div data-type="2" class="exc-btn exc-btn2"></div>
<div data-type="3" class="exc-btn exc-btn3"></div>
<div data-type="4" class="exc-btn exc-btn4"></div>
</div>
</div>
</div>
</div>
<div style="height: 2rem;"></div>
<div style="display: none;" class="bottom-bg">
<li>
<div class="list-li-box1">1</div>
<div class="list-li-box2"><a href="yazhai://_11142228_zone"><img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/stscli/prod/11142228/1680862591289/28A70D36-6D8F-4D45-92FE-0D3784EB6DB3.jpeg?x-oss-process=image/resize,w_80" alt=""></a><a href="yazhai://_155100_zone"><img class="list-user-face" src="https://big.bgp.ourpow.com/comm/stscli/prod/15510016989161233734e851c79dc8146ce8539f3ecc363271c.jpg?x-oss-process=image/resize,w_80" alt=""></a></div>
<div class="list-li-box3"><p class="list-li-p1">馬嘉琪</p><p class="list-li-p2">積分: 5</p></div>
<div class="list-li-box4"><div class="nav">進度:0%</div></div><img class="list-line" src="images/line.png">
</li>
</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(){
if(sessionStorage.lang==2)var titleName="美眉養成記"
else var titleName="Beaut Cultivation Journey"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 1, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$("title").text("Beaut Cultivation Journey")
$(".rule-btn").attr("src","images/en/rule-btn.png")
$(".en-t1").text("Send event gifts")
$(".en-t2").text(" 1 score=1 FEATHERs")
$(".task-p1").text('Complete points tasks to receive points')
$(".task-p2").text("Earn points to redeem great rewards at the redemption center.")
$(".en-t3").text("My points : ")
$(".en-t4").text("Current points : ")
$(".en-t5").text("Exchange requires points : ")
$(".exc-time").text("The redemption deadline is 00:00 on July 1st.")
}
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
$(".question").on("click",function(){
if(sessionStorage.lang==2)layer.msg("贈送主播可獲得300活動積分")
else layer.msg("Gifting a streamer can earn you 300 event points")
})
$(".top-btn1 div").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")==1){
$(".top-btn1").removeClass("top-btn2")
list()
$(".user-box").hide()
$(".mc-box").fadeIn(250)
}else{
$(".top-btn1").addClass("top-btn2")
$(".mc-box").hide()
$(".user-box").fadeIn(250)
$(".task-bg").removeClass("exc-bg")
$(".task-content").show()
$(".exc-content").hide()
$(".user-btn1").removeClass("user-btn2")
task()
}
})
$(".user-btn1 div").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")==1){
$(".task-bg").removeClass("exc-bg")
$(".user-btn1").removeClass("user-btn2")
$(".exc-content").hide()
$(".task-content").fadeIn(250)
task()
}else{
$(".task-bg").addClass("exc-bg")
$(".user-btn1").addClass("user-btn2")
$(".task-content").hide()
$(".exc-content").fadeIn(250)
}
})
var excName=['','美眉激勵卡','vip*7天','love','豪華座駕*30天']
if(sessionStorage.lang!=2)var excName=['','Motivational Card','vip<br>*7days','love','Luxury Car*30days']
var excRich=['','100','200','1000','9999']
$(".exc-btn").on("click",function(){
var _self=$(this);
$(".layer-ok-gift img").attr("src","images/g"+_self.attr("data-type")+".png")
$(".layer-ok-name").html(excName[_self.attr("data-type")])
$(".layer-ok-p1 span").text(excRich[_self.attr("data-type")])
$(".layer-ok-p2 span").text(sessionStorage.myCard)
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.866rem", "8.533rem"],
content: $(".layer-ok"),
end: function () {
$(".layui-layer-shade").hide()
}
})
$(".layer-ok-btn1").unbind("click").on("click",function(){
exc(_self.attr("data-type"))
})
})
$(".layer-ok-btn2").on("click",function(){
layer.closeAll()
})
list()
var numTitle=['','第一關: 新秀出道','第二關: 嶄露頭角','第三關: 光芒萬丈']
var numTitle2=['','6月16日12:00-6月20日24:00','6月21日00:00-6月25日24:00','6月26日00:00-6月30日24:00']
if(sessionStorage.lang!=2){
var numTitle=['','First level','Second level','Third level']
var numTitle2=['','12:00 PM, June 16th - 12:00 AM, June 20th','12:00 AM, June 21th - 12:00 AM, June 26th','12:00 AM, June 26th - 12:00 AM, July 1th']
}
bottomView()
function bottomView(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getViewBottomData.html',
success:function(data){
console.log('获取底部',data)
var html=[]
var list=data.result.roomData
if(list.rank==-1)return;
html+='<li>';
html+='<div class="list-li-box1">'+list.rank+'</div>';
html+='<div class="list-li-box2"><a href="yazhai://_'+list.roomId+'_zone"><img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_80" alt=""></a>';
html+='<a href="yazhai://_'+list.fansRank[0].uid+'_zone"><img class="list-user-face" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_80" alt=""></a></div>';
html+='<div class="list-li-box3"><p class="list-li-p1">'+list.roomName+'</p>';
if(sessionStorage.lang==2)html+='<p class="list-li-p2">積分: '+list.score+'</p></div>';
else html+='<p class="list-li-p2">score: '+list.score+'</p></div>';
html+='<div class="list-li-box4">';
var barWidth2=Math.floor(list.score/data.result.targetData.stageScore*100)
if(sessionStorage.lang==2)html+='<div class="nav">進度:'+barWidth2+'%</div>';
else html+='<div class="nav">PROG:'+barWidth2+'%</div>';
html+="</div>"
html+='</li>';
$(".bottom-bg").html(html).show()
}
})
}
function list(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getRankData.html',
success:function(data){
console.log("主播榜單",data)
var html=[];
$(".list-top-title").text(numTitle[data.stage])
$(".list-text-p1").text(numTitle2[data.stage])
if(sessionStorage.lang!=2){
$(".stage-get").text(""+data.result.targetData.stageScore+"score（Reward"+data.result.targetData.stageBonds+"FEATHERs）")
}
else $(".stage-get").text(""+data.result.targetData.stageScore+"積分（獎勵"+data.result.targetData.stageBonds+"羽毛）")
for(var i=0;i<data.result.rankList.length;i++){
var list=data.result.rankList[i]
html+='<li>';
html+='<div class="list-li-box1">'+(i+1)+'</div>';
html+='<div class="list-li-box2">';
if(i==0)html+='<img class="m1" src="images/m1.png">'
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_80" alt=""></a>';
if(list.fansRank[0]!=undefined)html+='<a href="yazhai://_' + list.fansRank[0].uid + '_zone"><img class="list-user-face" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_80" alt=""></a>';
html+='</div>';
html+='<div class="list-li-box3">';
html+='<p class="list-li-p1">'+list.name+'</p>';
if(sessionStorage.lang==2)html+='<p class="list-li-p2">積分: '+list.score+'</p>';
else html+='<p class="list-li-p2">score: '+list.score+'</p>';
html+='</div>';
html+='<div class="list-li-box4">';
var barWidth=Math.floor(list.score/data.result.targetData.stageScore*100)
if(sessionStorage.lang==2)html+='<div class="nav">進度:'+barWidth+'%</div>';
else html+='<div class="nav">PROG:'+barWidth+'%</div>';
html+='</div>';
html+='<img class="list-line" src="images/line.png">'
html+='</li>';
}
$(".list-ul").html(html)
}
})
}
function exc(e){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/exchangeSupportCard.html',
data:{
exchangeItem:e
},
success:function(data){
console.log('应援卡兑换奖品',data)
if(data.code!=1){
layer.msg(data.msg)
return
}
layer.closeAll()
task()
if(sessionStorage.lang==2)layer.msg("兌換成功")
else layer.msg("success")
}
})
}
var taskName=[
'',
'每日簽到',
'送出一個活動禮物',
'觀看直播20分鐘',
'每日聊天',
'每日首次儲值',
'連續登錄3天',
'連續登錄5天',
'連續登錄7天',
'累計儲值500寶石',
'累計儲值1888寶石',
'累計儲值3888寶石',
'累計儲值18888寶石',
'累計儲值88888寶石',
]
if(sessionStorage.lang!=2){
var taskName=[
'',
'Daily sign-in',
'Send an event gift',
'Watch the live for 20 min.',
'send messages',
'First recharge of the day',
'3-day login streak',
'5-day login streak',
'7-day login streak',
'500 gems recharged',
'1888 gems recharged',
'3888 gems recharged',
'18888 gems recharged',
'88888 gems recharged',
]
}
function task(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getUserTaskData.html',
success:function(data){
console.log('获取任务数据',data)
sessionStorage.myCard=data.result.userSupportCardNum
$(".my-card-num").text(data.result.userSupportCardNum)
var html=[];
for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i]
switch (list.taskId) {
case 1:
var barWidth=0
var taskText=''
break;
case 2:
var barWidth=0
var taskText=''
break;
case 3:
var barWidth=Math.floor(list.userWatchTime/1200*100)
var taskText='('+Math.floor(list.userWatchTime/60)+'/20)'
break;
case 4:
var barWidth=Math.floor(list.speakMsgNum *10/100*100)
var taskText='('+list.speakMsgNum+'/10)'
break;
case 5:
var barWidth=0
var taskText=''
break;
case 6:
var barWidth=Math.floor(list.loginDays/3*100)
var taskText='('+list.loginDays+'/3)'
break;
case 7:
var barWidth=Math.floor(list.loginDays/5*100)
var taskText='('+list.loginDays+'/5)'
break;
case 8:
var barWidth=Math.floor(list.loginDays/7*100)
var taskText='('+list.loginDays+'/7)'
break;
case 9:
var barWidth=Math.floor(list.diamond/500*100)
var taskText='('+list.diamond+'/500)'
break;
case 10:
var barWidth=Math.floor(list.diamond/1888*100)
var taskText='('+list.diamond+'/1888)'
break;
case 11:
var barWidth=Math.floor(list.diamond/3888*100)
var taskText='('+list.diamond+'/3888)'
break;
case 12:
var barWidth=Math.floor(list.diamond/18888*100)
var taskText='('+list.diamond+'/18888)'
break;
case 13:
var barWidth=Math.floor(list.diamond/88888*100)
var taskText='('+list.diamond+'/88888)'
break;
}
html+='<div class="task-box">';
html+='<div class="card-img"><img src="images/card.png" alt=""><span>x'+list.taskSupportCardNum+'</span></div>';
html+='<p class="task-name">'+taskName[list.taskId]+''+taskText+'</p>';
if(list.taskStatus>0){
barWidth=100
}
if(sessionStorage.lang==2)var btnTextArr=['未完成','领取','已领取']
else var btnTextArr=['completed','receive','Received']
html+='<div class="task-nav-box"><div style="width:'+barWidth+'%"></div></div>';
if(list.taskStatus==0)html+='<div class="task-get-btn task-get-btn1">'+btnTextArr[0]+'</div>';
else if(list.taskStatus==1)html+='<div data-type="'+list.taskId+'" class="task-get-btn task-get-btn2">'+btnTextArr[1]+'</div>';
else if(list.taskStatus==2)html+='<div class="task-get-btn task-get-btn3">'+btnTextArr[2]+'</div>';
html+='<img class="task-line" src="images/line.png" alt="">';
html+='</div>';
}
$(".card-big-box").html(html)
$(".task-get-btn2").unbind("click").on("click",function(){
var _self=$(this)
getTask(_self.attr("data-type"))
})
}
})
}
function getTask(e){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/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()
}
})
}
$(".record-btn").on("click",function(){
record()
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.986rem", "9.04rem"],
content: $(".layer-exc"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
function record(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/queryExchangeRecord.html',
success:function(data){
console.log('應援卡兌換記錄',data)
var html=[];
for(var i=0;i<data.result.exchangeList.length;i++){
var list=data.result.exchangeList[i]
html+='<li>';
html+='<div class="layer-exc-box1">'+list.prizeName+'</div>';
if(sessionStorage.lang==2)html+='<div class="layer-exc-box2">'+list.priceSupportCardNum+'個</div>';
else html+='<div class="layer-exc-box2">'+list.priceSupportCardNum+'points</div>';
html+='<div class="layer-exc-box3">'+timeGet(list.exchangeTimeStamp)[1]+'.'+timeGet(list.exchangeTimeStamp)[2]+' '+timeGet(list.exchangeTimeStamp)[3]+':'+timeGet(list.exchangeTimeStamp)[4]+'</div>';
html+='</li>';
}
$(".layer-exc-ul").html(html)
}
})
}
})
</script>
</html>