Skip to content

libai / fsActive

Go to a project
Commit 2470c2df by libai
Options

ft活动上线

parent c6d27302
Inline Side-by-side
Showing with 160 additions and 66 deletions
ftIcon/action2/css/index.css
.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 {
float: right; position: relative;
width: 8rem; width: 8rem;
height: 3.352rem; height: 3.402rem;
background: url(../images/act-room1.png) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
float: right;
}
.act-room-p1 {
color: #fff;
font-size: 0.65rem;
text-indent: 0.7rem;
padding-top: 0.6rem;
}
.act-room-p2 {
color: #fff;
font-size: 0.65rem;
text-indent: 0.7rem;
padding-top: 0.2rem;
}
.act-room-bg2 {
position: relative;
width: 5.04rem;
height: 3.402rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2 p {
display: none;
} }
ftIcon/action2/css/index.less
.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{
float: right; position: relative;
width: 8rem; width: 8rem;
height: 3.352rem; height: 3.402rem;
background: url(../images/act-room1.png)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
float: right;
}
.act-room-p1{
color: #fff;
font-size: 0.65rem;
text-indent: 0.7rem;
padding-top: 0.6rem;
}
.act-room-p2{
color: #fff;
font-size: 0.65rem;
text-indent: 0.7rem;
padding-top: 0.2rem;
}
.act-room-bg2{
position: relative;
width: 5.04rem;
height: 3.402rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
p{
display: none;
}
} }
\ No newline at end of file
ftIcon/action2/index.html
...@@ -30,7 +30,10 @@ ...@@ -30,7 +30,10 @@
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0)"> <body style="background: rgba(0, 0, 0, 0)">
<div style="display: none;" class="act-room-bg"></div> <div class="act-room-bg act-room-bg2">
<p class="act-room-p1">主播積分 : 8000</p>
<p class="act-room-p2">排名 : 5</p>
</div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
...@@ -39,6 +42,9 @@ ...@@ -39,6 +42,9 @@
<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")
}
var wsTimer=null var wsTimer=null
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$(".act-room-bg").fadeIn(200) $(".act-room-bg").fadeIn(200)
...@@ -51,7 +57,7 @@ $(function(){ ...@@ -51,7 +57,7 @@ $(function(){
"data": { "data": {
"msg": '跳转集合功能', "msg": '跳转集合功能',
"jumptype": 3, "jumptype": 3,
"url": $url + "/activeFt/Fishing/index.html" + location.search+'', "url": $url + "/activeFt/luckyFly/index.html" + location.search+'',
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
...@@ -72,22 +78,40 @@ $(function(){ ...@@ -72,22 +78,40 @@ $(function(){
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
function view(){
}
view() view()
setInterval(function(){ setInterval(function(){
view()
},60000) },60000)
function view(){
$.ajax({
url:$ip+'/actSpaceOdyssey/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
if(data.result.userData.signReceive!=0){
$(".act-room-bg").removeClass("act-room-bg2")
}
if(sessionStorage.lang==2){
$(".act-room-p1").text('主播積分 : '+data.result.roomData.score+'')
if(data.result.roomData.rank!=-1)$(".act-room-p2").text('排名 : '+data.result.roomData.rank+'')
else $(".act-room-p2").text('排名 : --')
}else{
$(".act-room-p1").text('score : '+data.result.roomData.score+'')
if(data.result.roomData.rank!=-1)$(".act-room-p2").text('rank : '+data.result.roomData.rank+'')
else $(".act-room-p2").text('rank : --')
}
}
})
}
setTimeout(function(){ setTimeout(function(){
if(sessionStorage.lang==2)return; if(sessionStorage.lang==2)return;
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/openPopup.html', url:$ip+'/actSecretGarden/openPopup.html',
data:{ data:{
width:'0', width:'0',
popupUrl:$url + "/activeFt/Fishing/pop.html", popupUrl:$url + "/activeFt/luckyFly/pop.html",
height:'0.5', height:'0.5',
heightR:'80', heightR:'95',
x:'0', x:'0',
y:'0.5', y:'0.5',
}, },
......
ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png

28 KB | W: | H:

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

16.7 KB | W: | H:

ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData2/css/index.css
...@@ -141,30 +141,32 @@ ...@@ -141,30 +141,32 @@
top: -0.95vw; top: -0.95vw;
} }
.act-room-bg { .act-room-bg {
width: 10rem; position: relative;
height: 5.577rem; width: 8rem;
height: 3.402rem;
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%;
transform: scale(0.33); float: right;
position: absolute;
top: -19vw;
left: 33.2vw;
} }
.act-room-bg .act-p1 { .act-room-p1 {
text-indent: 1.2rem;
font-size: 0.8rem;
color: #fff; color: #fff;
padding-top: 1rem; font-size: 0.65rem;
} text-indent: 0.7rem;
.act-room-bg .act-p1 span { padding-top: 0.6rem;
color: #FFF337;
} }
.act-room-bg .act-p2 { .act-room-p2 {
text-indent: 1.2rem;
font-size: 0.8rem;
color: #fff; color: #fff;
padding-top: 0.3rem; font-size: 0.65rem;
text-indent: 0.7rem;
padding-top: 0.2rem;
} }
.act-room-bg .act-p2 span { .act-room-bg2 {
color: #FFF337; position: relative;
width: 5.04rem;
height: 3.402rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2 p {
display: none;
} }
ftIcon/liveData2/css/index.less
...@@ -160,31 +160,36 @@ ...@@ -160,31 +160,36 @@
//活动 //活动
//活動 //活動
.act-room-bg{ .act-room-bg{
width: 10rem; position: relative;
height: 5.577rem; width: 8rem;
background: url(../images/act-room-bg.png) no-repeat; height: 3.402rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(0.33); float: right;
position: absolute; }
top: -19vw; .act-room-p1{
left: 33.2vw;
.act-p1{
text-indent: 1.2rem;
font-size: 0.8rem;
color: #fff; color: #fff;
padding-top: 1rem; font-size: 0.65rem;
span{ text-indent: 0.7rem;
color: #FFF337; padding-top: 0.6rem;
} }
} .act-room-p2{
.act-p2{
text-indent: 1.2rem;
font-size: 0.8rem;
color: #fff; color: #fff;
padding-top: 0.3rem; font-size: 0.65rem;
span{ text-indent: 0.7rem;
color: #FFF337; padding-top: 0.2rem;
} }
.act-room-bg2{
position: relative;
width: 5.04rem;
height: 3.402rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
p{
display: none;
} }
} }
ftIcon/liveData2/images/act-room-bg.png
ftIcon/liveData2/images/act-room-bg.png

27 KB | W: | H:

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

16.7 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/index.html
...@@ -69,9 +69,9 @@ ...@@ -69,9 +69,9 @@
</div> </div>
<div style="display: none;" class="act-room-bg act-room-bg2"> <div class="act-room-bg">
<p class="act-p1"><i class="en-txt1">主播積分</i>: <span>8000</span></p> <p class="act-room-p1">主播積分 : 8000</p>
<p class="act-p2"><i class="en-txt2">進度</i>: <span class="act-span2" style="margin-right: 0.5rem;">18%</span> <i class="en-txt3">排名</i>: <span class="act-span3">5</span></p> <p class="act-room-p2">排名 : 5</p>
</div> </div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -96,7 +96,7 @@ $(function(){ ...@@ -96,7 +96,7 @@ $(function(){
"data": { "data": {
"msg": '跳转集合功能', "msg": '跳转集合功能',
"jumptype": 3, "jumptype": 3,
"url": $url + "/activeFt/lucky777/index.html" + location.search+'&jump='+jump+'', "url": $url + "/activeFt/luckyFly/index.html" + location.search+'&jump='+jump+'',
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
...@@ -121,15 +121,19 @@ $(function(){ ...@@ -121,15 +121,19 @@ $(function(){
function actView(){ function actView(){
$.ajax({ $.ajax({
url:$ip+'/actLucky777/getRoomPartData.html', url:$ip+'/actSpaceOdyssey/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
jump=2
$(".act-room-bg").removeClass("act-room-bg2").fadeIn(200) if(sessionStorage.lang==2){
$(".act-p1 span").text(data.result.roomData.score) $(".act-room-p1").text('主播積分 : '+data.result.roomData.score+'')
$(".act-span2").text(Math.floor(data.result.roomData.score/15000*100)+'%') if(data.result.roomData.rank!=-1)$(".act-room-p2").text('排名 : '+data.result.roomData.rank+'')
if(data.result.roomData.rank==-1)$(".act-span3").text('--') else $(".act-room-p2").text('排名 : --')
else $(".act-span3").text(data.result.roomData.rank) }else{
$(".act-room-p1").text('score : '+data.result.roomData.score+'')
if(data.result.roomData.rank!=-1)$(".act-room-p2").text('rank : '+data.result.roomData.rank+'')
else $(".act-room-p2").text('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