Skip to content

libai / fsActive

Go to a project
Commit 99cae283 by libai
Options

ft活动上线

parent 625db383
Inline Side-by-side
Showing with 102 additions and 18 deletions
activeFt/develop/css/index.css
...@@ -3,6 +3,13 @@ ...@@ -3,6 +3,13 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.ref {
width: 0.8rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.room-bg1 { .room-bg1 {
width: 10rem; width: 10rem;
height: 8.885rem; height: 8.885rem;
...@@ -418,3 +425,24 @@ ...@@ -418,3 +425,24 @@
background: url(../images/layer-ok.png) no-repeat; background: url(../images/layer-ok.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.layer-ok .layer-ok-gift {
position: absolute;
width: 2.2rem;
height: 2.9rem;
left: 3.7rem;
top: 1.4rem;
}
.layer-ok .layer-ok-gift img {
width: 2.2rem;
}
.layer-ok .layer-ok-name {
position: absolute;
height: 0.9rem;
line-height: 0.9rem;
font-size: 0.3rem;
color: #fff;
text-align: center;
width: 2.2rem;
bottom: 0;
left: 0;
}
activeFt/develop/css/index.less
...@@ -3,7 +3,13 @@ ...@@ -3,7 +3,13 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.ref{
width: 0.8rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.room-bg1{ .room-bg1{
width: 10rem; width: 10rem;
height: 8.885rem; height: 8.885rem;
...@@ -421,4 +427,25 @@ ...@@ -421,4 +427,25 @@
height: 8.533rem; height: 8.533rem;
background: url(../images/layer-ok.png)no-repeat; background: url(../images/layer-ok.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.layer-ok-gift{
position: absolute;
width: 2.2rem;
height: 2.9rem;
left: 3.7rem;
top: 1.4rem;
img{
width: 2.2rem;
}
}
.layer-ok-name{
position: absolute;
height: 0.9rem;
line-height: 0.9rem;
font-size: 0.3rem;
color: #fff;
text-align: center;
width: 2.2rem;
bottom: 0;
left: 0;
}
} }
\ No newline at end of file
activeFt/develop/index.html
...@@ -31,8 +31,16 @@ ...@@ -31,8 +31,16 @@
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background: #210F2C;"> <body style="background: #210F2C;">
<div style="display: none;" class="layer-exc"></div> <div style="display: none;" class="layer-exc"></div>
<div style="display: none;" class="layer-ok"></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=""></p>
<p class=""></p>
</div>
<div class="m-bg"> <div class="m-bg">
<img class="ref" src="images/ref.png" alt="">
<div class="banner"></div> <div class="banner"></div>
<div class="top-btn1"> <div class="top-btn1">
<div data-type="1"></div> <div data-type="1"></div>
...@@ -44,7 +52,7 @@ ...@@ -44,7 +52,7 @@
<div class="list-top-title">第一關: 新秀出道</div> <div class="list-top-title">第一關: 新秀出道</div>
<div class="list-text-box"> <div class="list-text-box">
<p class="list-text-p1">6月16日12:00-6月20日00:00</p> <p class="list-text-p1">6月16日12:00-6月20日00:00</p>
<p class="list-text-p2">今日目標: <span>10000積分（獎勵1000羽毛）</span><br>送出活動禮物<span>1羽毛=1積分</span></p> <p class="list-text-p2">今日目標: <span class="stage-get">10000積分（獎勵1000羽毛）</span><br>送出活動禮物<span>1羽毛=1積分</span></p>
</div> </div>
<ul class="list-ul"> <ul class="list-ul">
<!-- <li> <!-- <li>
...@@ -154,20 +162,26 @@ $(function(){ ...@@ -154,20 +162,26 @@ $(function(){
}) })
list() list()
var numTitle=['','第一關: 新秀出道','第二關: 嶄露頭角','第三關: 光芒萬丈']
var numTitle2=['','6月16日12:00-6月20日00:00','6月21日00:00-6月26日00:00','6月26日00:00-7月1日00:00']
function list(){ function list(){
$.ajax({ $.ajax({
url:$ip+'/actRaisingBeautifulGril/getRankData.html', url:$ip+'/actRaisingBeautifulGril/getRankData.html',
success:function(data){ success:function(data){
console.log("主播榜單",data) console.log("主播榜單",data)
var html=[]; var html=[];
$(".list-top-title").text(numTitle[data.stage])
$(".list-text-p1").text(numTitle2[data.stage])
$(".stage-get").text(""+data.result.targetData.stageScore+"積分（獎勵"+data.result.targetData.stageBonds+"羽毛）")
for(var i=0;i<data.result.rankList.length;i++){ for(var i=0;i<data.result.rankList.length;i++){
var list=data.result.rankList[i] var list=data.result.rankList[i]
html+='<li>'; html+='<li>';
html+='<div class="list-li-box1">'+(i+1)+'</div>'; html+='<div class="list-li-box1">'+(i+1)+'</div>';
html+='<div class="list-li-box2">'; html+='<div class="list-li-box2">';
if(i==0)html+='<img class="m1" src="images/m1.png">' if(i==0)html+='<img class="m1" src="images/m1.png">'
html+='<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'; 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+='<img class="list-user-face" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_80" alt="">'; 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>';
html+='<div class="list-li-box3">'; html+='<div class="list-li-box3">';
html+='<p class="list-li-p1">'+list.name+'</p>'; html+='<p class="list-li-p1">'+list.name+'</p>';
...@@ -184,17 +198,7 @@ $(function(){ ...@@ -184,17 +198,7 @@ $(function(){
} }
}) })
} }
function getTask(e){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/receiveTaskRewards.html',
data:{
taskId:e
},
success:function(data){
console.log("領取任務獎勵",data)
}
})
}
function exc(e){ function exc(e){
$.ajax({ $.ajax({
url:$ip+'/actRaisingBeautifulGril/exchangeSupportCard.html', url:$ip+'/actRaisingBeautifulGril/exchangeSupportCard.html',
...@@ -297,12 +301,33 @@ $(function(){ ...@@ -297,12 +301,33 @@ $(function(){
} }
html+='<div class="task-nav-box"><div style="width:'+barWidth+'%"></div></div>'; 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">未完成</div>'; if(list.taskStatus==0)html+='<div class="task-get-btn task-get-btn1">未完成</div>';
else if(list.taskStatus==1)html+='<div class="task-get-btn task-get-btn2">领取</div>'; else if(list.taskStatus==1)html+='<div data-type="'+list.taskId+'" class="task-get-btn task-get-btn2">领取</div>';
else if(list.taskStatus==2)html+='<div class="task-get-btn task-get-btn3">已领取</div>'; else if(list.taskStatus==2)html+='<div class="task-get-btn task-get-btn3">已领取</div>';
html+='<img class="task-line" src="images/line.png" alt="">'; html+='<img class="task-line" src="images/line.png" alt="">';
html+='</div>'; html+='</div>';
} }
$(".card-big-box").html(html) $(".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;
}
layer.msg("領取成功")
task()
} }
}) })
} }
......
activeFt/develop/oldView.html
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<script> <script>
$(function(){ $(function(){
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
getData() getData()
$(".room-bg1").on("click",function(){ $(".room-bg1").on("click",function(){
var obj = { var obj = {
...@@ -79,6 +79,7 @@ $(function(){ ...@@ -79,6 +79,7 @@ $(function(){
if(data.rank>0){ if(data.rank>0){
console.log(data) console.log(data)
$(".room-bg1").show() $(".room-bg1").show()
$(".room-title").text(titleArr[data.extra.stage])
$(".room-bg-p1 span").text(data.score) $(".room-bg-p1 span").text(data.score)
var barWidth=Math.floor(data.score/data.extra.stageScore*100) var barWidth=Math.floor(data.score/data.extra.stageScore*100)
$(".room-bg-p2 span").text(barWidth+'%') $(".room-bg-p2 span").text(barWidth+'%')
......
footseenIcon/action/index.html
...@@ -47,6 +47,7 @@ $(function(){ ...@@ -47,6 +47,7 @@ $(function(){
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
} }
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
getData() getData()
var obj = { var obj = {
...@@ -102,6 +103,7 @@ $(function(){ ...@@ -102,6 +103,7 @@ $(function(){
if(data.rank>0){ if(data.rank>0){
console.log(data) console.log(data)
$(".room-bg1").show() $(".room-bg1").show()
$(".room-title").text(titleArr[data.extra.stage])
$(".room-bg-p1 span").text(data.score) $(".room-bg-p1 span").text(data.score)
var barWidth=Math.floor(data.score/data.extra.stageScore*100) var barWidth=Math.floor(data.score/data.extra.stageScore*100)
$(".room-bg-p2 span").text(barWidth+'%') $(".room-bg-p2 span").text(barWidth+'%')
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment