Skip to content

libai / fsActive

Go to a project
Commit 75acb2e3 by libai
Options

ft活动上线

parent a430ae76
Inline Side-by-side
Showing with 109 additions and 129 deletions
activeFt/garden/oldView.html
...@@ -73,20 +73,6 @@ $(function(){ ...@@ -73,20 +73,6 @@ $(function(){
} }
}) })
// var obj = {
// "cid": 31,
// "reqCode": new Date().getTime(),
// "data": {
// "popupType":2,
// // "width":314,
// "url":'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html',
// "heightR":160,
// "clickBlank":1,
// "bottom":'0',
// }
// }
// var obj2 = JSON.stringify(obj);
// appCollaboration(obj2);
}) })
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
......
ftIcon/liveData/css/index.css
...@@ -125,62 +125,56 @@ i { ...@@ -125,62 +125,56 @@ i {
text-indent: 6vw; text-indent: 6vw;
margin-top: 4vw; margin-top: 4vw;
} }
.bg-en .act-room-bg1 { .act-room-bg2 {
background: url(../images/en/act-room.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%;
}
.act-room-bg1 {
width: 10rem; width: 10rem;
height: 12.05rem; height: 8.482rem;
background: url(../images/act-room.png) no-repeat; background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
} }
.act-room-p1 { .act-room-p1 {
color: #AC2867; text-align: center;
font-size: 0.35rem;
width: 10rem; width: 10rem;
height: 1rem;
position: absolute;
top: 1rem;
font-size: 0.7rem;
color: #278B1C;
} }
.act-room-p2 { .act-room-p2 {
color: #AC2867; height: 1.5rem;
width: 10rem; width: 4.155rem;
height: 3.8rem; background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 2.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center; text-align: center;
line-height: 3.8rem;
font-size: 1rem;
font-weight: 700; font-weight: 700;
position: absolute;
top: 4.3rem;
} }
.act-room-p3 { .act-room-p3 {
position: absolute; text-align: center;
top: 8.6rem;
color: #AC2867;
text-align: left;
font-size: 0.85rem;
width: 10rem; width: 10rem;
text-indent: 2.5rem; height: 1rem;
}
.act-room-p4 {
position: absolute; position: absolute;
top: 10rem; top: 4rem;
color: #AC2867; font-size: 0.7rem;
text-align: left; color: #278B1C;
font-size: 0.85rem;
width: 10rem;
text-indent: 2.5rem;
} }
.act-room-bg2 { .act-room-p4 {
width: 10rem; height: 1.5rem;
height: 7.251rem; width: 4.155rem;
background: url(../images/act-room-bg2.png) no-repeat; background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(0.85); position: absolute;
} top: 5.3rem;
.act-room-bg2 > div { left: 2.922rem;
display: none; font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center;
font-weight: 700;
} }
ftIcon/liveData/css/index.less
...@@ -142,65 +142,56 @@ i{ ...@@ -142,65 +142,56 @@ i{
margin-top: 4vw; margin-top: 4vw;
} }
//活動 //活動
.bg-en{ .act-room-bg2{
.act-room-bg1{
background: url(../images/en/act-room.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg1{
width: 10rem; width: 10rem;
height: 12.05rem; height: 8.482rem;
background: url(../images/act-room.png)no-repeat; background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
} }
.act-room-p1{ .act-room-p1{
color: #AC2867; text-align: center;
font-size: 0.35rem;
width: 10rem; width: 10rem;
height: 1rem;
position: absolute;
top: 1rem;
font-size: 0.7rem;
color: #278B1C;
} }
.act-room-p2{ .act-room-p2{
color: #AC2867; height: 1.5rem;
width: 10rem; width: 4.155rem;
height: 3.8rem; background: url(../images/act-room-p.png)no-repeat;
// background: pink; background-size: 100% 100%;
position: absolute;
top: 2.3rem;
left: 2.922rem;
font-size: 0.8rem;
color: #278B1C;
line-height: 1.5rem;
text-align: center; text-align: center;
line-height: 3.8rem;
font-size: 1rem;
font-weight: 700; font-weight: 700;
position: absolute;
top: 4.3rem;
} }
.act-room-p3{ .act-room-p3{
position: absolute; text-align: center;
top: 8.6rem;
color: #AC2867;
text-align: left;
font-size: 0.85rem;
width: 10rem; width: 10rem;
text-indent: 2.5rem; height: 1rem;
}
.act-room-p4{
position: absolute; position: absolute;
top:10rem; top: 4rem;
color: #AC2867; font-size: 0.7rem;
text-align: left; color: #278B1C;
font-size: 0.85rem;
width: 10rem;
text-indent: 2.5rem;
} }
.act-room-bg2{ .act-room-p4{
width: 10rem; height: 1.5rem;
height: 7.251rem; width: 4.155rem;
background: url(../images/act-room-bg2.png)no-repeat; background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(0.85); position: absolute;
>div{ top: 5.3rem;
display: none; 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
ftIcon/liveData/images/act-room-bg2.png
ftIcon/liveData/images/act-room-bg2.png

6.02 KB | W: | H:

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

11.3 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/images/act-room-p.png
ftIcon/liveData/images/act-room-p.png

817 Bytes | W: | H:

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

863 Bytes | W: | H:

ftIcon/liveData/images/act-room-p.png
ftIcon/liveData/images/act-room-p.png
ftIcon/liveData/images/act-room-p.png
ftIcon/liveData/images/act-room-p.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData/index.html
...@@ -31,11 +31,11 @@ ...@@ -31,11 +31,11 @@
</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-bg1"> <div class="act-room-bg2">
<!-- <div class="act-room-p1">主播積分 : </div> --> <div class="act-room-p1">距離上一名 :</div>
<div class="act-room-p2">8000</div> <div class="act-room-p2">--</div>
<div class="act-room-p3">進度 : 18%</div> <div class="act-room-p3">當前排名:</div>
<div class="act-room-p4">排名 : 5</div> <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,35 +80,43 @@ $(function(){ ...@@ -80,35 +80,43 @@ $(function(){
$("body").addClass("bg-en") $("body").addClass("bg-en")
} }
//活動 //活動
$(".act-room-bg1").on("click",function(){ $(".act-room-bg2").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/goddess/index.html" + location.search, // "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',
},
success:function(){
} }
var obj2 = JSON.stringify(obj); })
appCollaboration(obj2);
}) })
function ActView(){ function ActView(){
$.ajax({ $.ajax({
url:$ip+'/actGoddessStory/getRoomPartData.html', url:$ip+'/actSecretGarden/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") if(data.result.roomData.rank==1)$(".act-room-p1").text("距離被超越 :")
$(".act-room-bg1").show() $(".act-room-p2").text(data.result.roomData.diffPreScore)
$(".act-room-p2").text(data.result.roomData.score) if(data.result.roomData.rank==-1) $(".act-room-p4").text("未上榜")
if(sessionStorage.lang==2){ else $(".act-room-p4").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{
$(".act-room-p3").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").text("rank : "+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