Skip to content

libai / fsActive

Go to a project
Commit 4435bd02 by libai
Options

ft活动上线

parent f0f3bb90
Inline Side-by-side
Showing with 122 additions and 79 deletions
activeFt/luckyGod/css/index.css
...@@ -112,6 +112,10 @@ body .rule-bg-en { ...@@ -112,6 +112,10 @@ body .rule-bg-en {
background: url(../images/en/ok-btn.png) no-repeat; background: url(../images/en/ok-btn.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.bg-en .day-box-btn-end {
background: url(../images/en/day-box-btn2.png) no-repeat;
background-size: 100% 100%;
}
.rule-bg { .rule-bg {
width: 10rem; width: 10rem;
height: 61.4rem; height: 61.4rem;
......
activeFt/luckyGod/css/index.less
...@@ -113,6 +113,10 @@ body .rule-bg-en{ ...@@ -113,6 +113,10 @@ body .rule-bg-en{
background: url(../images/en/ok-btn.png) no-repeat; background: url(../images/en/ok-btn.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.day-box-btn-end{
background: url(../images/en/day-box-btn2.png)no-repeat;
background-size: 100% 100%;
}
} }
.rule-bg{ .rule-bg{
width: 10rem; width: 10rem;
......
activeFt/luckyGod/index.html
...@@ -282,7 +282,9 @@ $(function(){ ...@@ -282,7 +282,9 @@ $(function(){
if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>'; if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>'; else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
}else{ }else{
html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>'; if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>';
else html+='<div class="li-box3"><p>progress: '+Math.floor(list.score/10000*100)+'%</p></div>';
} }
html+='</li>'; html+='</li>';
} }
...@@ -303,7 +305,8 @@ $(function(){ ...@@ -303,7 +305,8 @@ $(function(){
var html=[]; var html=[];
var list=data.result.roomData; var list=data.result.roomData;
html+='<li>'; html+='<li>';
html+='<div class="li-box1">'+list.rank+'</div>'; if(list.rank==-1) html+='<div class="li-box1">--</div>';
else html+='<div class="li-box1">'+list.rank+'</div>';
html+='<div class="li-box2">'; html+='<div class="li-box2">';
html+='<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt="">'; html+='<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt="">';
// html+='<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">'; // html+='<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">';
...@@ -398,7 +401,8 @@ $(function(){ ...@@ -398,7 +401,8 @@ $(function(){
layer.msg(data.msg) layer.msg(data.msg)
return; return;
} }
layer.msg("領取成功"); if(sessionStorage.lang==2)layer.msg("領取成功");
else layer.msg("success");
task() task()
} }
......
ftIcon/liveData2/css/index.css
...@@ -140,52 +140,67 @@ ...@@ -140,52 +140,67 @@
margin-left: -2.2vw; margin-left: -2.2vw;
top: -0.95vw; top: -0.95vw;
} }
.bg-en .act-room-bg {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg { .act-room-bg {
width: 10rem; width: 10rem;
height: 11.079rem; height: 5.972rem;
background: url(../images/act-room-bg.png) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
background-position-y: -0.4rem; position: absolute;
margin-top: -0.3rem;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
}
.act-room-bg2 {
width: 8rem;
float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
position: relative; position: relative;
margin-top: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
} }
.act-room-bg .act-room-p1 { .act-room-bg2 p {
color: #fff; display: none;
font-size: 1rem; }
text-align: center; .act-room-p1 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute; position: absolute;
width: 10rem; top: 2.2rem;
top: 3.4rem; left: 1rem;
line-height: 3.6rem; }
text-shadow: 0.03rem 0.03rem 0.03rem #A12CDE, -0.03rem 0.03rem 0.03rem #A12CDE, 0.03rem -0.03rem 0.03rem #A12CDE, -0.03rem -0.03rem 0.03rem #A12CDE; .act-room-p1 span {
color: #F83FFF;
} }
.act-room-p2 { .act-room-p2 {
font-size: 0.7rem; font-size: 0.78rem;
color: #CA9FFF; color: #CA9FFF;
position: absolute; position: absolute;
top: 7.5rem; top: 3.7rem;
left: 3.3rem; left: 1rem;
} }
.act-room-p2 span { .act-room-p2 span {
color: #C852FF; color: #F83FFF;
} }
.act-room-p3 { .act-room-p3 {
font-size: 0.7rem; font-size: 0.78rem;
color: #CA9FFF; color: #CA9FFF;
position: absolute; position: absolute;
top: 8.6rem; top: 3.7rem;
left: 3.3rem; left: 5.6rem;
} }
.act-room-p3 span { .act-room-p3 span {
color: #C852FF; color: #F83FFF;
}
.act-room-bg2 {
width: 8rem;
height: 5.604rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
float: right;
position: relative;
}
.act-room-bg2 p {
display: none;
} }
ftIcon/liveData2/css/index.less
...@@ -160,53 +160,70 @@ ...@@ -160,53 +160,70 @@
//活动 //活动
//活動 //活動
.bg-en{
.act-room-bg{
background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg{ .act-room-bg{
width: 10rem; width: 10rem;
height: 11.079rem; height: 5.972rem;
background: url(../images/act-room-bg.png)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
background-position-y: -0.4rem;
position: relative;
.act-room-p1{
color: #fff;
font-size: 1rem;
text-align: center;
position: absolute; position: absolute;
width: 10rem; margin-top: -0.3rem;
top: 3.4rem; right: -33.5vw;
line-height: 3.6rem; top: -18vw;
text-shadow: 0.03rem 0.03rem 0.03rem #A12CDE,-0.03rem 0.03rem 0.03rem #A12CDE,0.03rem -0.03rem 0.03rem #A12CDE,-0.03rem -0.03rem 0.03rem #A12CDE; transform: scale(0.33);
}
.act-room-bg2{
width: 8rem;
float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
position: relative;
margin-top: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
p{
display: none;
} }
} }
.act-room-p2{ .act-room-p1{
font-size: 0.7rem; font-size: 0.78rem;
color: #CA9FFF; color: #CA9FFF;
position: absolute; position: absolute;
top: 7.5rem; top: 2.2rem;
left: 3.3rem; left: 1rem;
span{ span{
color: #C852FF; color: #F83FFF;
} }
} }
.act-room-p3{ .act-room-p2{
font-size: 0.7rem; font-size: 0.78rem;
color: #CA9FFF; color: #CA9FFF;
position: absolute; position: absolute;
top: 8.6rem; top: 3.7rem;
left: 3.3rem; left: 1rem;
span{ span{
color: #C852FF; color: #F83FFF;
} }
} }
.act-room-bg2{ .act-room-p3{
width: 8rem; font-size: 0.78rem;
height: 5.604rem; color: #CA9FFF;
background: url(../images/act-room-bg2.png)no-repeat; position: absolute;
background-size: 100% 100%; top: 3.7rem;
float: right; left: 5.6rem;
position: relative; span{
p{ color: #F83FFF;
display: none;
} }
} }
ftIcon/liveData2/images/act-room-bg.png
ftIcon/liveData2/images/act-room-bg.png

15.7 KB | W: | H:

ftIcon/liveData2/images/act-room-bg.png

12.5 KB | W: | H:

ftIcon/liveData2/images/act-room-bg.png
ftIcon/liveData2/images/act-room-bg.png
ftIcon/liveData2/images/act-room-bg.png
ftIcon/liveData2/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData2/images/en/act-room-bg.png
ftIcon/liveData2/images/en/act-room-bg.png

43.7 KB | W: | H:

ftIcon/liveData2/images/en/act-room-bg.png

12.2 KB | W: | H:

ftIcon/liveData2/images/en/act-room-bg.png
ftIcon/liveData2/images/en/act-room-bg.png
ftIcon/liveData2/images/en/act-room-bg.png
ftIcon/liveData2/images/en/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData2/index.html
...@@ -69,11 +69,10 @@ ...@@ -69,11 +69,10 @@
</div> </div>
<div style="display: none;" class="act-room-bg2"> <div style="display: none;" class="act-room-bg">
<div class="act-room-p1">距離上一名 :--</div> <p class="act-room-p1">主播積分 : <span>80000</span></p>
<div class="act-room-p2">當前排名:--</div> <p class="act-room-p2">進度 : <span>18%</span></p>
<div class="act-room-p3"></div> <p class="act-room-p3">排名 : <span>5</span></p>
<div class="act-room-p4"></div>
</div> </div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -82,6 +81,12 @@ ...@@ -82,6 +81,12 @@
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script> <script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script> <script>
$(function(){ $(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text('score')
$(".txt2").text("PROG")
$(".txt3").text("rank")
}
var wsTimer=null var wsTimer=null
var socketOk=null var socketOk=null
//活動 //活動
...@@ -104,20 +109,14 @@ $(function(){ ...@@ -104,20 +109,14 @@ $(function(){
} }
function actView(){ function actView(){
$.ajax({ $.ajax({
url:$ip+'/actGoddessStory/getRoomPartData.html', url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('获取主播信息',data) console.log('圖標數據',data)
if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
$(".act-room-bg1").show()
$(".act-room-p2").text(data.result.roomData.score)
if(sessionStorage.lang==2){
$(".act-room-p3").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").text("排名 : "+data.result.roomData.rank+"")
}else{
$(".act-room-p3").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").text("rank : "+data.result.roomData.rank+"")
}
$(".act-room-bg").show()
$(".act-room-p1 span").text(data.result.roomData.score)
$(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100))
$(".act-room-p3 span").text(data.result.roomData.rank)
} }
}) })
} }
......
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