Commit 2470c2df by libai

ft活动上线

parent c6d27302
.bg-en .act-room-bg2 {
background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg {
float: right;
position: relative;
width: 8rem;
height: 3.352rem;
background: url(../images/act-room1.png) no-repeat;
height: 3.402rem;
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%;
}
.act-room-bg2 p {
display: none;
}
.bg-en{
.act-room-bg2{
background:url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg{
float: right;
position: relative;
width: 8rem;
height: 3.352rem;
background: url(../images/act-room1.png)no-repeat;
height: 3.402rem;
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%;
p{
display: none;
}
}
\ No newline at end of file
......@@ -30,7 +30,10 @@
</head>
<script src="lib/lottie-player.js"></script>
<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>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/fsize.js"></script>
......@@ -39,6 +42,9 @@
<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")
}
var wsTimer=null
if(sessionStorage.lang!=2){
$(".act-room-bg").fadeIn(200)
......@@ -51,7 +57,7 @@ $(function(){
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/Fishing/index.html" + location.search+'',
"url": $url + "/activeFt/luckyFly/index.html" + location.search+'',
}
}
var obj2 = JSON.stringify(obj);
......@@ -72,22 +78,40 @@ $(function(){
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
function view(){
}
view()
setInterval(function(){
view()
},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(){
if(sessionStorage.lang==2)return;
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/Fishing/pop.html",
popupUrl:$url + "/activeFt/luckyFly/pop.html",
height:'0.5',
heightR:'80',
heightR:'95',
x:'0',
y:'0.5',
},
......

28 KB | W: | H:

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

27 KB | W: | H:

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
......@@ -69,9 +69,9 @@
</div>
<div style="display: none;" class="act-room-bg act-room-bg2">
<p class="act-p1"><i class="en-txt1">主播積分</i>: <span>8000</span></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>
<div class="act-room-bg">
<p class="act-room-p1">主播積分 : 8000</p>
<p class="act-room-p2">排名 : 5</p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -96,7 +96,7 @@ $(function(){
"data": {
"msg": '跳转集合功能',
"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);
......@@ -121,15 +121,19 @@ $(function(){
function actView(){
$.ajax({
url:$ip+'/actLucky777/getRoomPartData.html',
url:$ip+'/actSpaceOdyssey/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
jump=2
$(".act-room-bg").removeClass("act-room-bg2").fadeIn(200)
$(".act-p1 span").text(data.result.roomData.score)
$(".act-span2").text(Math.floor(data.result.roomData.score/15000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-span3").text('--')
else $(".act-span3").text(data.result.roomData.rank)
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 : --')
}
}
})
}
......
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