Skip to content

libai / fsActive

Go to a project
Commit 99cae283 by libai
Options

ft活动上线

parent 625db383
Inline Side-by-side
Showing with 103 additions and 19 deletions
activeFt/develop/css/index.css
......@@ -3,6 +3,13 @@
margin: 0 auto;
position: relative;
}
.ref {
width: 0.8rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.room-bg1 {
width: 10rem;
height: 8.885rem;
......@@ -418,3 +425,24 @@
background: url(../images/layer-ok.png) no-repeat;
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 @@
margin: 0 auto;
position: relative;
}
.ref{
width: 0.8rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.room-bg1{
width: 10rem;
height: 8.885rem;
......@@ -421,4 +427,25 @@
height: 8.533rem;
background: url(../images/layer-ok.png)no-repeat;
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 @@
<script src="lib/lottie-player.js"></script>
<body style="background: #210F2C;">
<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">
<img class="ref" src="images/ref.png" alt="">
<div class="banner"></div>
<div class="top-btn1">
<div data-type="1"></div>
......@@ -44,7 +52,7 @@
<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>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>
<ul class="list-ul">
<!-- <li>
......@@ -154,20 +162,26 @@ $(function(){
})
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(){
$.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])
$(".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+='<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
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="">';
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>';
......@@ -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){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/exchangeSupportCard.html',
......@@ -297,15 +301,36 @@ $(function(){
}
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>';
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>';
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;
}
layer.msg("領取成功")
task()
}
})
}
function record(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/queryExchangeRecord.html',
......
activeFt/develop/oldView.html
......@@ -44,7 +44,7 @@
<script>
$(function(){
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
getData()
$(".room-bg1").on("click",function(){
var obj = {
......@@ -79,6 +79,7 @@ $(function(){
if(data.rank>0){
console.log(data)
$(".room-bg1").show()
$(".room-title").text(titleArr[data.extra.stage])
$(".room-bg-p1 span").text(data.score)
var barWidth=Math.floor(data.score/data.extra.stageScore*100)
$(".room-bg-p2 span").text(barWidth+'%')
......
footseenIcon/action/index.html
......@@ -47,6 +47,7 @@ $(function(){
if(sessionStorage.lang!=2){
}
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
getData()
var obj = {
......@@ -63,7 +64,7 @@ $(function(){
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
......@@ -102,6 +103,7 @@ $(function(){
if(data.rank>0){
console.log(data)
$(".room-bg1").show()
$(".room-title").text(titleArr[data.extra.stage])
$(".room-bg-p1 span").text(data.score)
var barWidth=Math.floor(data.score/data.extra.stageScore*100)
$(".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