Skip to content

libai / fsActive

Go to a project
Commit 9cd2cc00 by libai
Options

ft活动上线

parent 9388c860
Inline Side-by-side
Showing with 177 additions and 223 deletions
activeFt/luckyGod/index.html
......@@ -57,7 +57,7 @@
<img style="display: none;" class="top-like" src="images/like.png" alt="">
<img class="top-face" src="images/face.png" alt="">
<p class="top-p1">昨日最佳主播</p>
<p class="top-p2">虚位以待</p>
<p class="top-p2">虛位以待</p>
<p class="top-p3">積分：--</p>
</div>
<div class="list-bg">
......@@ -122,7 +122,7 @@ $(function(){
}
if(sessionStorage.lang==2)var titleName="幸運女神降臨"
else var titleName="Her Secret Garden"
else var titleName="The goddess of luck has come"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
......
ftIcon/liveData/css/index.css
......@@ -125,56 +125,52 @@ i {
text-indent: 6vw;
margin-top: 4vw;
}
.act-room-bg2 {
.act-room-bg {
width: 10rem;
height: 8.482rem;
background: url(../images/act-room-bg2.png) no-repeat;
height: 11.079rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
background-position-y: -0.4rem;
position: relative;
}
.act-room-p1 {
.act-room-bg .act-room-p1 {
color: #fff;
font-size: 1rem;
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 1rem;
font-size: 0.7rem;
color: #278B1C;
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;
}
.act-room-p2 {
height: 1.5rem;
width: 4.155rem;
background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
font-size: 0.7rem;
color: #CA9FFF;
position: absolute;
top: 2.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
top: 7.5rem;
left: 3.3rem;
}
.act-room-p2 span {
color: #C852FF;
}
.act-room-p3 {
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
font-size: 0.7rem;
color: #278B1C;
color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
}
.act-room-p4 {
height: 1.5rem;
width: 4.155rem;
background: url(../images/act-room-p.png) no-repeat;
.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%;
position: absolute;
top: 5.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
float: right;
position: relative;
}
.act-room-bg2 p {
display: none;
}
ftIcon/liveData/css/index.less
......@@ -142,56 +142,53 @@ i{
margin-top: 4vw;
}
//活動
.act-room-bg2{
.act-room-bg{
width: 10rem;
height: 8.482rem;
background: url(../images/act-room-bg2.png)no-repeat;
height: 11.079rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
background-position-y: -0.4rem;
position: relative;
}
.act-room-p1{
.act-room-p1{
color: #fff;
font-size: 1rem;
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 1rem;
font-size: 0.7rem;
color: #278B1C;
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;
}
}
.act-room-p2{
height: 1.5rem;
width: 4.155rem;
background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%;
font-size: 0.7rem;
color: #CA9FFF;
position: absolute;
top: 2.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
top: 7.5rem;
left: 3.3rem;
span{
color: #C852FF;
}
}
.act-room-p3{
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
font-size: 0.7rem;
color: #278B1C;
color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
span{
color: #C852FF;
}
}
.act-room-p4{
height: 1.5rem;
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%;
position: absolute;
top: 5.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
float: right;
position: relative;
p{
display: none;
}
}
\ 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 @@
</style>
</head>
<body c style="background:rgba(0,0,0,0)">
<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 style="display: none;" class="act-room-bg ">
<p class="act-room-p1">80000</p>
<p class="act-room-p2">進度 : <span>18%</span></p>
<p class="act-room-p3">排名 : <span>5</span></p>
</div>
<div class="room-bg1">
<div class="room-bg-top">人氣</div>
......@@ -80,53 +79,30 @@ $(function(){
$("body").addClass("bg-en")
}
//活動
$(".act-room-bg2").on("click",function(){
// var obj = {
// "cid": 12,
// "reqCode": new Date().getTime(),
// "data": {
// "msg": '跳转集合功能',
// "jumptype": 3,
// "url": $url + "/activeFt/garden/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(){
$(".act-room-bg").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/luckyGod/index.html" + location.search+'&jump=1',
}
})
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
function ActView(){
$.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html',
url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
if(sessionStorage.lang==2){
if(data.result.roomData.rank==1)$(".act-room-p1").text("距離被超越 :")
else $(".act-room-p1").text("距離上一名 :")
$(".act-room-p2").text(data.result.roomData.diffPreScore)
if(data.result.roomData.rank==-1) $(".act-room-p4").text("未上榜")
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)
}
$(".act-room-bg").show()
$(".act-room-p1").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)
}
})
}
......
ftIcon/liveData2/css/index.css
......@@ -140,58 +140,52 @@
margin-left: -2.2vw;
top: -0.95vw;
}
.act-room-bg2 {
.act-room-bg {
width: 10rem;
height: 5rem;
background: url(../images/act-room-bg2.png) no-repeat;
height: 11.079rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
transform: scale(0.33);
right: -3.33rem;
top: -1.65rem;
background-position-y: -0.4rem;
position: relative;
}
.act-room-p1 {
text-align: left;
width: 10rem;
height: 1rem;
.act-room-bg .act-room-p1 {
color: #fff;
font-size: 1rem;
text-align: center;
position: absolute;
top: 0.8rem;
font-size: 0.8rem;
color: #278B1C;
text-indent: 1.5rem;
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;
}
.act-room-p2 {
height: 1.5rem;
width: 10rem;
font-size: 0.7rem;
color: #CA9FFF;
position: absolute;
top: 2.3rem;
text-indent: 1.5rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: left;
font-weight: 700;
top: 7.5rem;
left: 3.3rem;
}
.act-room-p2 span {
color: #C852FF;
}
.act-room-p3 {
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
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 {
height: 1.5rem;
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%;
position: absolute;
top: 5.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
float: right;
position: relative;
}
.act-room-bg2 p {
display: none;
}
ftIcon/liveData2/css/index.less
......@@ -160,58 +160,53 @@
//活动
//活動
.act-room-bg2{
.act-room-bg{
width: 10rem;
height: 5rem;
background: url(../images/act-room-bg2.png)no-repeat;
height: 11.079rem;
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;
transform: scale(0.33);
right: -3.33rem;
top: -1.65rem;
}
.act-room-p1{
text-align: left;
width: 10rem;
height: 1rem;
position: absolute;
top: 0.8rem;
font-size: 0.8rem;
color: #278B1C;
text-indent: 1.5rem;
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;
}
}
.act-room-p2{
height: 1.5rem;
width: 10rem;
font-size: 0.7rem;
color: #CA9FFF;
position: absolute;
top: 2.3rem;
text-indent: 1.5rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: left;
font-weight: 700;
top: 7.5rem;
left: 3.3rem;
span{
color: #C852FF;
}
}
.act-room-p3{
text-align: center;
width: 10rem;
height: 1rem;
position: absolute;
top: 4rem;
font-size: 0.7rem;
color: #278B1C;
color: #CA9FFF;
position: absolute;
top: 8.6rem;
left: 3.3rem;
span{
color: #C852FF;
}
}
.act-room-p4{
height: 1.5rem;
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%;
position: absolute;
top: 5.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
float: right;
position: relative;
p{
display: none;
}
}
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(){
}
function actView(){
$.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html',
url:$ip+'/actGoddessStory/getRoomPartData.html',
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(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)
$(".act-room-p3").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").text("排名 : "+data.result.roomData.rank+"")
}else{
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-p3").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").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