Skip to content

libai / fsActive

Go to a project
Commit 9cd2cc00 by libai
Options

ft活动上线

parent 9388c860
Inline Side-by-side
Showing with 186 additions and 233 deletions
activeFt/luckyGod/index.html
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
<img style="display: none;" class="top-like" src="images/like.png" alt=""> <img style="display: none;" class="top-like" src="images/like.png" alt="">
<img class="top-face" src="images/face.png" alt=""> <img class="top-face" src="images/face.png" alt="">
<p class="top-p1">昨日最佳主播</p> <p class="top-p1">昨日最佳主播</p>
<p class="top-p2">虚位以待</p> <p class="top-p2">虛位以待</p>
<p class="top-p3">積分：--</p> <p class="top-p3">積分：--</p>
</div> </div>
<div class="list-bg"> <div class="list-bg">
...@@ -122,7 +122,7 @@ $(function(){ ...@@ -122,7 +122,7 @@ $(function(){
} }
if(sessionStorage.lang==2)var titleName="幸運女神降臨" if(sessionStorage.lang==2)var titleName="幸運女神降臨"
else var titleName="Her Secret Garden" else var titleName="The goddess of luck has come"
var obj = { var obj = {
"cid": 34, //修改网页title 居中显示。 "cid": 34, //修改网页title 居中显示。
"data": { "data": {
......
ftIcon/liveData/css/index.css
...@@ -125,56 +125,52 @@ i { ...@@ -125,56 +125,52 @@ i {
text-indent: 6vw; text-indent: 6vw;
margin-top: 4vw; margin-top: 4vw;
} }
.act-room-bg2 { .act-room-bg {
width: 10rem; width: 10rem;
height: 8.482rem; height: 11.079rem;
background: url(../images/act-room-bg2.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; position: relative;
} }
.act-room-p1 { .act-room-bg .act-room-p1 {
color: #fff;
font-size: 1rem;
text-align: center; text-align: center;
width: 10rem;
height: 1rem;
position: absolute; position: absolute;
top: 1rem; width: 10rem;
font-size: 0.7rem; top: 3.4rem;
color: #278B1C; 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-p2 { .act-room-p2 {
height: 1.5rem; font-size: 0.7rem;
width: 4.155rem; color: #CA9FFF;
background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
top: 2.3rem; top: 7.5rem;
left: 2.922rem; left: 3.3rem;
font-size: 0.8rem; }
color: #278B1C; .act-room-p2 span {
line-height: 1.5rem; color: #C852FF;
text-align: center;
font-weight: 700;
} }
.act-room-p3 { .act-room-p3 {
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
font-size: 0.7rem; font-size: 0.7rem;
color: #278B1C; color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
} }
.act-room-p4 { .act-room-p3 span {
height: 1.5rem; color: #C852FF;
width: 4.155rem; }
background: url(../images/act-room-p.png) no-repeat; .act-room-bg2 {
width: 8rem;
height: 5.604rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; float: right;
top: 5.3rem; position: relative;
left: 2.922rem; }
font-size: 0.8rem; .act-room-bg2 p {
color: #278B1C; display: none;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
} }
ftIcon/liveData/css/index.less
...@@ -142,56 +142,53 @@ i{ ...@@ -142,56 +142,53 @@ i{
margin-top: 4vw; margin-top: 4vw;
} }
//活動 //活動
.act-room-bg2{ .act-room-bg{
width: 10rem; width: 10rem;
height: 8.482rem; height: 11.079rem;
background: url(../images/act-room-bg2.png)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; background-position-y: -0.4rem;
} position: relative;
.act-room-p1{ .act-room-p1{
text-align: center; color: #fff;
width: 10rem; font-size: 1rem;
height: 1rem; text-align: center;
position: absolute; position: absolute;
top: 1rem; width: 10rem;
font-size: 0.7rem; top: 3.4rem;
color: #278B1C; 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-p2{ .act-room-p2{
height: 1.5rem; font-size: 0.7rem;
width: 4.155rem; color: #CA9FFF;
background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
top: 2.3rem; top: 7.5rem;
left: 2.922rem; left: 3.3rem;
font-size: 0.8rem; span{
color: #278B1C; color: #C852FF;
line-height: 1.5rem; }
text-align: center; }
font-weight: 700;
}
.act-room-p3{ .act-room-p3{
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
font-size: 0.7rem; font-size: 0.7rem;
color: #278B1C; color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
span{
color: #C852FF;
}
} }
.act-room-p4{ .act-room-bg2{
height: 1.5rem; width: 8rem;
width: 4.155rem; height: 5.604rem;
background: url(../images/act-room-p.png)no-repeat; background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; float: right;
top: 5.3rem; position: relative;
left: 2.922rem; p{
font-size: 0.8rem; display: none;
color: #278B1C; }
line-height: 1.5rem;
text-align: center;
font-weight: 700;
} }
\ No newline at end of file
ftIcon/liveData/images/act-room-bg2.png
ftIcon/liveData/images/act-room-bg2.png

11.3 KB | W: | H:

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

7.08 KB | W: | H:

ftIcon/liveData/images/act-room-bg2.png
ftIcon/liveData/images/act-room-bg2.png
ftIcon/liveData/images/act-room-bg2.png
ftIcon/liveData/images/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData/index.html
...@@ -31,11 +31,10 @@ ...@@ -31,11 +31,10 @@
</style> </style>
</head> </head>
<body c style="background:rgba(0,0,0,0)"> <body c style="background:rgba(0,0,0,0)">
<div class="act-room-bg2"> <div style="display: none;" class="act-room-bg ">
<div class="act-room-p1">距離上一名 :</div> <p class="act-room-p1">80000</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>
<div class="room-bg1"> <div class="room-bg1">
<div class="room-bg-top">人氣</div> <div class="room-bg-top">人氣</div>
...@@ -80,53 +79,30 @@ $(function(){ ...@@ -80,53 +79,30 @@ $(function(){
$("body").addClass("bg-en") $("body").addClass("bg-en")
} }
//活動 //活動
$(".act-room-bg2").on("click",function(){ $(".act-room-bg").on("click",function(){
// var obj = { var obj = {
// "cid": 12, "cid": 12,
// "reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
// "data": { "data": {
// "msg": '跳转集合功能', "msg": '跳转集合功能',
// "jumptype": 3, "jumptype": 3,
// "url": $url + "/activeFt/garden/index.html" + location.search+'&jump=1', "url": $url + "/activeFt/luckyGod/index.html" + location.search+'&jump=1',
// }
// }
// var obj2 = JSON.stringify(obj);
// appCollaboration(obj2);
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html',
height:'0.5',
heightR:'121',
x:'0',
y:'0.5',
},
success:function(){
} }
}) }
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
}) })
function ActView(){ function ActView(){
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html', url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
if(sessionStorage.lang==2){
if(data.result.roomData.rank==1)$(".act-room-p1").text("距離被超越 :") $(".act-room-bg").show()
else $(".act-room-p1").text("距離上一名 :") $(".act-room-p1").text(data.result.roomData.score)
$(".act-room-p2").text(data.result.roomData.diffPreScore) $(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100))
if(data.result.roomData.rank==-1) $(".act-room-p4").text("未上榜") $(".act-room-p3 span").text(data.result.roomData.rank)
else $(".act-room-p4").text(data.result.roomData.rank)
}else{
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)
}
} }
}) })
} }
......
ftIcon/liveData2/css/index.css
...@@ -140,58 +140,52 @@ ...@@ -140,58 +140,52 @@
margin-left: -2.2vw; margin-left: -2.2vw;
top: -0.95vw; top: -0.95vw;
} }
.act-room-bg2 { .act-room-bg {
width: 10rem; width: 10rem;
height: 5rem; height: 11.079rem;
background: url(../images/act-room-bg2.png) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; background-position-y: -0.4rem;
transform: scale(0.33); position: relative;
right: -3.33rem;
top: -1.65rem;
} }
.act-room-p1 { .act-room-bg .act-room-p1 {
text-align: left; color: #fff;
width: 10rem; font-size: 1rem;
height: 1rem; text-align: center;
position: absolute; position: absolute;
top: 0.8rem; width: 10rem;
font-size: 0.8rem; top: 3.4rem;
color: #278B1C; line-height: 3.6rem;
text-indent: 1.5rem; 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-p2 { .act-room-p2 {
height: 1.5rem; font-size: 0.7rem;
width: 10rem; color: #CA9FFF;
position: absolute; position: absolute;
top: 2.3rem; top: 7.5rem;
text-indent: 1.5rem; left: 3.3rem;
font-size: 0.8rem; }
color: #278B1C; .act-room-p2 span {
line-height: 1.5rem; color: #C852FF;
text-align: left;
font-weight: 700;
} }
.act-room-p3 { .act-room-p3 {
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
font-size: 0.7rem; font-size: 0.7rem;
color: #278B1C; color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
}
.act-room-p3 span {
color: #C852FF;
} }
.act-room-p4 { .act-room-bg2 {
height: 1.5rem; width: 8rem;
width: 4.155rem; height: 5.604rem;
background: url(../images/act-room-p.png) no-repeat; background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; float: right;
top: 5.3rem; position: relative;
left: 2.922rem; }
font-size: 0.8rem; .act-room-bg2 p {
color: #278B1C; display: none;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
} }
ftIcon/liveData2/css/index.less
...@@ -160,58 +160,53 @@ ...@@ -160,58 +160,53 @@
//活动 //活动
//活動 //活動
.act-room-bg2{ .act-room-bg{
width: 10rem; width: 10rem;
height: 5rem; height: 11.079rem;
background: url(../images/act-room-bg2.png)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; background-position-y: -0.4rem;
transform: scale(0.33); position: relative;
right: -3.33rem; .act-room-p1{
top: -1.65rem; color: #fff;
} font-size: 1rem;
.act-room-p1{ text-align: center;
text-align: left; position: absolute;
width: 10rem; width: 10rem;
height: 1rem; top: 3.4rem;
position: absolute; line-height: 3.6rem;
top: 0.8rem; 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;
font-size: 0.8rem;
color: #278B1C; }
text-indent: 1.5rem;
} }
.act-room-p2{ .act-room-p2{
height: 1.5rem; font-size: 0.7rem;
width: 10rem; color: #CA9FFF;
position: absolute; position: absolute;
top: 2.3rem; top: 7.5rem;
text-indent: 1.5rem; left: 3.3rem;
font-size: 0.8rem; span{
color: #278B1C; color: #C852FF;
line-height: 1.5rem; }
text-align: left; }
font-weight: 700;
}
.act-room-p3{ .act-room-p3{
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
font-size: 0.7rem; font-size: 0.7rem;
color: #278B1C; color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
span{
color: #C852FF;
}
} }
.act-room-p4{ .act-room-bg2{
height: 1.5rem; width: 8rem;
width: 4.155rem; height: 5.604rem;
background: url(../images/act-room-p.png)no-repeat; background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; float: right;
top: 5.3rem; position: relative;
left: 2.922rem; p{
font-size: 0.8rem; display: none;
color: #278B1C; }
line-height: 1.5rem; }
text-align: center;
font-weight: 700;
}
\ No newline at end of file
ftIcon/liveData2/images/act-room-bg.png
ftIcon/liveData2/images/act-room-bg.png

10.3 KB | W: | H:

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

15.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/images/act-room-bg2.png
ftIcon/liveData2/images/act-room-bg2.png

9.8 KB | W: | H:

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

7.08 KB | W: | H:

ftIcon/liveData2/images/act-room-bg2.png
ftIcon/liveData2/images/act-room-bg2.png
ftIcon/liveData2/images/act-room-bg2.png
ftIcon/liveData2/images/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData2/index.html
...@@ -104,25 +104,20 @@ $(function(){ ...@@ -104,25 +104,20 @@ $(function(){
} }
function actView(){ function actView(){
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html', url:$ip+'/actGoddessStory/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){ if(sessionStorage.lang==2){
if(data.result.roomData.rank==1)$(".act-room-p1").text("距離被超越 : "+data.result.roomData.diffPreScore) $(".act-room-p3").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
else $(".act-room-p1").text("距離上一名 : "+data.result.roomData.diffPreScore) $(".act-room-p4").text("排名 : "+data.result.roomData.rank+"")
if(data.result.roomData.rank==-1) $(".act-room-p2").text("當前排名:未上榜")
else $(".act-room-p2").text('當前排名 : '+data.result.roomData.rank)
}else{ }else{
$(".act-room-p3").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").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)
}
$(".act-room-bg2").show()
} }
}) })
} }
......
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