Skip to content

libai / fsActive

Go to a project
Commit 4435bd02 by libai
Options

ft活动上线

parent f0f3bb90
Inline Side-by-side
Showing with 125 additions and 82 deletions
activeFt/luckyGod/css/index.css
......@@ -112,6 +112,10 @@ body .rule-bg-en {
background: url(../images/en/ok-btn.png) no-repeat;
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 {
width: 10rem;
height: 61.4rem;
......
activeFt/luckyGod/css/index.less
......@@ -113,6 +113,10 @@ body .rule-bg-en{
background: url(../images/en/ok-btn.png) no-repeat;
background-size: 100% 100%;
}
.day-box-btn-end{
background: url(../images/en/day-box-btn2.png)no-repeat;
background-size: 100% 100%;
}
}
.rule-bg{
width: 10rem;
......
activeFt/luckyGod/index.html
......@@ -282,7 +282,9 @@ $(function(){
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"><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>';
}
......@@ -303,7 +305,8 @@ $(function(){
var html=[];
var list=data.result.roomData;
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+='<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="">';
......@@ -398,7 +401,8 @@ $(function(){
layer.msg(data.msg)
return;
}
layer.msg("領取成功");
if(sessionStorage.lang==2)layer.msg("領取成功");
else layer.msg("success");
task()
}
......
ftIcon/liveData2/css/index.css
......@@ -140,52 +140,67 @@
margin-left: -2.2vw;
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 {
width: 10rem;
height: 11.079rem;
height: 5.972rem;
background: url(../images/act-room-bg.png) no-repeat;
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;
margin-top: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
}
.act-room-bg .act-room-p1 {
color: #fff;
font-size: 1rem;
text-align: center;
.act-room-bg2 p {
display: none;
}
.act-room-p1 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
width: 10rem;
top: 3.4rem;
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;
top: 2.2rem;
left: 1rem;
}
.act-room-p1 span {
color: #F83FFF;
}
.act-room-p2 {
font-size: 0.7rem;
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 7.5rem;
left: 3.3rem;
top: 3.7rem;
left: 1rem;
}
.act-room-p2 span {
color: #C852FF;
color: #F83FFF;
}
.act-room-p3 {
font-size: 0.7rem;
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
top: 3.7rem;
left: 5.6rem;
}
.act-room-p3 span {
color: #C852FF;
}
.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;
color: #F83FFF;
}
ftIcon/liveData2/css/index.less
......@@ -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{
width: 10rem;
height: 11.079rem;
height: 5.972rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
background-position-y: -0.4rem;
position: relative;
.act-room-p1{
color: #fff;
font-size: 1rem;
text-align: center;
position: absolute;
width: 10rem;
top: 3.4rem;
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;
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;
margin-top: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
p{
display: none;
}
}
.act-room-p2{
font-size: 0.7rem;
.act-room-p1{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 7.5rem;
left: 3.3rem;
top: 2.2rem;
left: 1rem;
span{
color: #C852FF;
color: #F83FFF;
}
}
.act-room-p3{
font-size: 0.7rem;
.act-room-p2{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
top: 3.7rem;
left: 1rem;
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;
p{
display: none;
.act-room-p3{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 3.7rem;
left: 5.6rem;
span{
color: #F83FFF;
}
}
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 @@
</div>
<div style="display: none;" class="act-room-bg2">
<div class="act-room-p1">距離上一名 :--</div>
<div class="act-room-p2">當前排名:--</div>
<div class="act-room-p3"></div>
<div class="act-room-p4"></div>
<div style="display: none;" class="act-room-bg">
<p class="act-room-p1">主播積分 : <span>80000</span></p>
<p class="act-room-p2">進度 : <span>18%</span></p>
<p class="act-room-p3">排名 : <span>5</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -82,6 +81,12 @@
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text('score')
$(".txt2").text("PROG")
$(".txt3").text("rank")
}
var wsTimer=null
var socketOk=null
//活動
......@@ -104,20 +109,14 @@ $(function(){
}
function actView(){
$.ajax({
url:$ip+'/actGoddessStory/getRoomPartData.html',
url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(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+"")
}
console.log('圖標數據',data)
$(".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