Skip to content

libai / fsActive

Go to a project
Commit 5f426272 by libai
Options

ft活动上线

parent f95de96f
Inline Side-by-side
Showing with 184 additions and 201 deletions
footseenIcon/action/css/index.css
.bg-en .act-room-bg1 {
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%;
height: 6rem;
width: 10rem;
}
.act-room-bg1 {
width: 10rem;
height: 6.085rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.act-room-bg2 {
position: relative;
width: 9rem;
height: 6rem;
background: url(../images/act-room-bg2.png) no-repeat;
.act-room-bg1 {
width: 8rem;
height: 10.375rem;
background: url(../images/act-room-bg.png?v=2024081301) no-repeat;
background-size: 100% 100%;
transform: scale(0.85);
}
.act-room-bg2 p {
font-size: 0 !important;
}
.act-room-p1 {
color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 2.7rem;
left: 1rem;
}
.act-room-p2 {
color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 4rem;
left: 1rem;
right: -2.9rem;
top: -3.9rem;
transform: scale(0.25);
}
.act-room-p3 {
color: #B53C76;
font-size: 0.75rem;
.act-room-bg1 .num-box {
position: absolute;
top: 4rem;
left: 5.8rem;
right: 0.2rem;
top: 1.25rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
font-size: 1.3rem;
background: rgba(37, 137, 28);
text-align: center;
line-height: 2rem;
font-weight: 700;
color: #f0ff25;
border: 0.1rem solid #55eb3d;
}
footseenIcon/action/css/index.less
.bg-en{
.act-room-bg1{
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: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
height: 6rem;
width: 10rem;
}
}
.act-room-bg1{
width: 10rem;
height: 6.085rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.act-room-bg2{
position: relative;
width: 9rem;
height: 6rem;
background: url(../images/act-room-bg2.png)no-repeat;
width: 8rem;
height: 10.375rem;
background: url(../images/act-room-bg.png?v=2024081301) no-repeat;
background-size: 100% 100%;
transform: scale(0.85);
p{
font-size: 0 !important;
}
}
.act-room-p1{
color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 2.7rem;
left: 1rem;
}
.act-room-p2{
color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 4rem;
left: 1rem;
}
.act-room-p3{
color: #B53C76;
font-size: 0.75rem;
right: -2.9rem;
top: -3.9rem;
transform: scale(0.25);
.num-box{
position: absolute;
top: 4rem;
left: 5.8rem;
right: 0.2rem;
top: 1.25rem;
width: 2rem;
height: 2rem;
// background: pink;
border-radius: 50%;
font-size: 1.3rem;
background: rgba(37,137,28);
text-align: center;
line-height: 2rem;
font-weight: 700;
color: rgb(240, 255, 37);
border: 0.1rem solid rgb(85,235,61);
}
}
\ No newline at end of file
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png

13.8 KB | W: | H:

footseenIcon/action/images/act-room-bg.png

10.3 KB | W: | H:

footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/action/images/en/act-room-bg.png
footseenIcon/action/images/en/act-room-bg.png

14.2 KB | W: | H:

footseenIcon/action/images/en/act-room-bg.png

10.5 KB | W: | H:

footseenIcon/action/images/en/act-room-bg.png
footseenIcon/action/images/en/act-room-bg.png
footseenIcon/action/images/en/act-room-bg.png
footseenIcon/action/images/en/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/action/index.html
......@@ -30,11 +30,9 @@
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0)">
<div class="act-room-bg1 act-room-bg2">
<p class="act-room-p1">主播積分 : 8000</p>
<p class="act-room-p2">進度 : 18%</p>
<p class="act-room-p3">排名 : 5</p>
</div>
<div class="act-room-bg1 ">
<div style="display: none;" class="num-box">0</div>
</div>>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/fsize.js"></script>
......@@ -64,23 +62,12 @@ $(function(){
function view(){
$.ajax({
url:$ip+'/actGoddessStory/getRoomPartData.html',
url:$ip+'/actSecretGarden/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()
if(sessionStorage.lang==2){
$(".act-room-p1").text('主播積分 : '+data.result.roomData.score)
$(".act-room-p2").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("排名 : --")
else $(".act-room-p3").text("排名 : "+data.result.roomData.rank+"")
}else{
$(".act-room-p1").text('score : '+data.result.roomData.score)
$(".act-room-p2").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("rank : --")
else $(".act-room-p3").text("rank : "+data.result.roomData.rank+"")
}
console.log('圖標數據',data)
if(data.result.roomData.flowerNum>0)$(".num-box").show()
else $(".num-box").hide()
$(".num-box").text(data.result.roomData.flowerNum)
}
})
}
......@@ -88,6 +75,22 @@ $(function(){
setInterval(function(){
view()
},60000)
setTimeout(function(){
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/garden/pop.html",
height:'0.5',
heightR:'106',
x:'0',
y:'0.5',
},
success:function(){
}
})
})
$(".act-room-bg1").on("click",function(){
var obj = {
"cid": 31,
......@@ -95,8 +98,8 @@ $(function(){
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'/activeFt/goddess/index.html',
"heightR":160,
"url":'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html',
"heightR":121,
"clickBlank":1,
"bottom":'0',
}
......
footseenIcon/liveData2/css/index.css
......@@ -140,54 +140,56 @@
margin-left: -2.2vw;
top: -0.95vw;
}
.bg-en .act-room-bg1 {
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%;
height: 6rem;
width: 10rem;
}
.act-room-bg1 {
.act-room-bg2 {
width: 10rem;
height: 6.085rem;
background: url(../images/act-room-bg.png) no-repeat;
height: 5rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
position: relative;
right: -33.2vw;
top: -20vw;
transform: scale(0.33);
}
.act-room-bg2 {
position: relative;
width: 9rem;
height: 6rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2 p {
font-size: 0 !important;
}
.act-room-p1 {
color: #B53C76;
font-size: 0.75rem;
text-align: left;
width: 10rem;
height: 1rem;
position: absolute;
top: 2.7rem;
left: 1rem;
top: 0.8rem;
font-size: 0.8rem;
color: #278B1C;
text-indent: 1.5rem;
}
.act-room-p2 {
color: #B53C76;
font-size: 0.75rem;
height: 1.5rem;
width: 10rem;
position: absolute;
top: 4rem;
left: 1rem;
top: 2.3rem;
text-indent: 1.5rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: left;
font-weight: 700;
}
.act-room-p3 {
color: #B53C76;
font-size: 0.75rem;
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
left: 5.8rem;
font-size: 0.7rem;
color: #278B1C;
}
.act-room-p4 {
height: 1.5rem;
width: 4.155rem;
background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 5.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
}
footseenIcon/liveData2/css/index.less
......@@ -159,57 +159,57 @@
//活动
.bg-en{
.act-room-bg1{
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%;
height: 6rem;
width: 10rem;
}
}
.act-room-bg1{
//活動
.act-room-bg2{
width: 10rem;
height: 6.085rem;
background: url(../images/act-room-bg.png)no-repeat;
height: 5rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
position: relative;
right: -33.2vw;
top: -20vw;
transform: scale(0.33);
}
.act-room-bg2{
position: relative;
width: 9rem;
height: 6rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
// transform: scale(0.85);
p{
font-size: 0 !important;
}
}
.act-room-p1{
color: #B53C76;
font-size: 0.75rem;
text-align: left;
width: 10rem;
height: 1rem;
position: absolute;
top: 2.7rem;
left: 1rem;
top: 0.8rem;
font-size: 0.8rem;
color: #278B1C;
text-indent: 1.5rem;
}
.act-room-p2{
color: #B53C76;
font-size: 0.75rem;
height: 1.5rem;
width: 10rem;
position: absolute;
top: 4rem;
left: 1rem;
top: 2.3rem;
text-indent: 1.5rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: left;
font-weight: 700;
}
.act-room-p3{
color: #B53C76;
font-size: 0.75rem;
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
left: 5.8rem;
font-size: 0.7rem;
color: #278B1C;
}
.act-room-p4{
height: 1.5rem;
width: 4.155rem;
background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%;
position: absolute;
top: 5.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
}
\ No newline at end of file
footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png

13.8 KB | W: | H:

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

10.3 KB | W: | H:

footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/liveData2/images/act-room-bg2.png
footseenIcon/liveData2/images/act-room-bg2.png

6.02 KB | W: | H:

footseenIcon/liveData2/images/act-room-bg2.png

9.8 KB | W: | H:

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

14.2 KB | W: | H:

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

10.5 KB | W: | H:

footseenIcon/liveData2/images/en/act-room-bg.png
footseenIcon/liveData2/images/en/act-room-bg.png
footseenIcon/liveData2/images/en/act-room-bg.png
footseenIcon/liveData2/images/en/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/liveData2/index.html
......@@ -69,10 +69,11 @@
</div>
<div class="act-room-bg1 ">
<p class="act-room-p1">主播積分 : 8000</p>
<p class="act-room-p2">進度 : 18%</p>
<p class="act-room-p3">排名 : 5</p>
<div 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>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -103,23 +104,24 @@ $(function(){
}
function actView(){
$.ajax({
url:$ip+'/actGoddessStory/getRoomPartData.html',
url:$ip+'/actSecretGarden/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()
console.log('圖標數據',data)
if(sessionStorage.lang==2){
$(".act-room-p1").text('主播積分 : '+data.result.roomData.score)
$(".act-room-p2").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("排名 : --")
else $(".act-room-p3").text("排名 : "+data.result.roomData.rank+"")
if(data.result.roomData.rank==1)$(".act-room-p1").text("距離被超越 :"+data.result.roomData.diffPreScore)
else $(".act-room-p1").text("距離上一名 :"+data.result.roomData.diffPreScore)
if(data.result.roomData.rank==-1) $(".act-room-p2").text("當前排名:未上榜")
else $(".act-room-p2").text('當前排名:'+data.result.roomData.rank)
}else{
$(".act-room-p1").text('score : '+data.result.roomData.score)
$(".act-room-p2").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("rank : --")
else $(".act-room-p3").text("rank : "+data.result.roomData.rank+"")
}
if(data.result.roomData.rank==1)$(".act-room-p1").text("be surpassed :"+data.result.roomData.diffPreScore)
else $(".act-room-p1").text("next :"+data.result.roomData.diffPreScore)
if(data.result.roomData.rank==-1) $(".act-room-p2").text("rank:--")
else $(".act-room-p2").text('rank:'+data.result.roomData.rank)
}
}
})
}
......@@ -172,7 +174,22 @@ $(function(){
});
}
setTimeout(function(){
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/garden/pop.html",
height:'0.5',
heightR:'106',
x:'0',
y:'0.5',
},
success:function(){
}
})
})
$(".act-room-bg1").on("click",function(){
var obj = {
"cid": 31,
......@@ -180,8 +197,8 @@ $(function(){
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'/activeFt/goddess/index.html',
"heightR":160,
"url":'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html',
"heightR":121,
"clickBlank":1,
"bottom":'0',
}
......
ftIcon/liveData/index.html
......@@ -123,12 +123,10 @@ $(function(){
if(data.result.roomData.rank==1)$(".act-room-p1").text("be surpassed :")
else $(".act-room-p1").text("next :")
$(".act-room-p2").text(data.result.roomData.diffPreScore)
$(".act-room-p3").text("rank:")
if(data.result.roomData.rank==-1) $(".act-room-p4").text("--")
else $(".act-room-p4").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