Skip to content

libai / fsActive

Go to a project
Commit 7c7dc2d6 by libai
Options

ft活动上线

parent a6f59b1a
Inline Side-by-side
Showing with 629 additions and 281 deletions
activeFt/newMan/css/index.css
...@@ -4,6 +4,165 @@ ...@@ -4,6 +4,165 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.bg-en .banner {
background: url(../images/en/banner.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .rule-btn {
background: url(../images/en/rule-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .top-btn1 {
background: url(../images/en/top-btn1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .top-btn2 {
background: url(../images/en/top-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .gift-box {
background: url(../images/en/gift-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k1 {
background: url(../images/en/k1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k2 {
background: url(../images/en/k2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k3 {
background: url(../images/en/k3.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k4 {
background: url(../images/en/k4.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k5 {
background: url(../images/en/k5.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k6 {
background: url(../images/en/k6.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-box {
background: url(../images/en/task-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-box {
height: 14.06rem;
}
.bg-en .task-box .task1 {
top: 4.4rem;
}
.bg-en .task-box .task2 {
top: 6.25rem;
}
.bg-en .task-box .task3 {
top: 8.4rem;
}
.bg-en .task-box .task3-txt {
top: 8.6rem;
left: 4.5rem;
}
.bg-en .task-box .task4 {
top: 10.4rem;
}
.bg-en .task-box .task5 {
top: 11.9rem;
}
.bg-en .user-box .task-btn1 {
background: url(../images/en/task1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-box .task-btn2 {
background: url(../images/en/task2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-box .task-btn3 {
background: url(../images/en/task3.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-box .task-btn4 {
background: url(../images/en/task4.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-box .task-btn5 {
background: url(../images/en/task5.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-box .task-btn6 {
background: url(../images/en/task6.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-box .task-btn7 {
background: url(../images/en/task7.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .vip-card-box {
background: url(../images/en/vip-card-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .buy-btn {
background: url(../images/en/buy-btn.png) no-repeat;
background-size: 100% 100%;
top: 8.85rem;
}
.bg-en .buy-btn2 {
background: url(../images/en/buy-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .buy-tips {
color: #333 !important;
text-align: center !important;
width: 9.58rem !important;
bottom: -0.4rem !important;
}
.bg-en .one-gift-box {
background: url(../images/en/one-gift-box.png) no-repeat;
background-size: 100% 100%;
height: 8.56rem;
}
.bg-en .one-gift-send {
top: 4.6rem !important;
background: url(../images/en/one-gift-send.png) no-repeat !important;
background-size: 100% 100% !important;
}
.bg-en .reg-btn {
background: url(../images/en/reg-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .new-task-box {
background: url(../images/en/new-task-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .new-task-box .task1 {
top: 4rem;
}
.bg-en .new-task-box .task4 {
top: 9.5rem;
}
.bg-en .new-task-box .task8 {
top: 17.1rem;
}
.bg-en .new-task-box .task11 {
top: 22rem;
}
.bg-en .layer-fans {
background: url(../images/en/layer-fans.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-card-ok {
background: url(../images/en/layer-card-ok.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%;
}
.banner { .banner {
width: 10rem; width: 10rem;
height: 13.36rem; height: 13.36rem;
......
activeFt/newMan/css/index.less
.bg{ .bg{
width: 10rem; width: 10rem;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.bg-en{
.banner{
background: url(../images/en/banner.png) no-repeat;
background-size: 100% 100%;
}
.rule-btn{
background: url(../images/en/rule-btn.png)no-repeat;
background-size: 100% 100%;
}
.top-btn1 {
background: url(../images/en/top-btn1.png)no-repeat;
background-size: 100% 100%;
}
.top-btn2{
background: url(../images/en/top-btn2.png)no-repeat;
background-size: 100% 100%;
}
.gift-box{
background: url(../images/en/gift-box.png) no-repeat;
background-size: 100% 100%;
}
.k1 {
background: url(../images/en/k1.png) no-repeat;
background-size: 100% 100%;
}
.k2 {
background: url(../images/en/k2.png) no-repeat;
background-size: 100% 100%;
}
.k3 {
background: url(../images/en/k3.png) no-repeat;
background-size: 100% 100%;
}
.k4 {
background: url(../images/en/k4.png) no-repeat;
background-size: 100% 100%;
}
.k5 {
background: url(../images/en/k5.png) no-repeat;
background-size: 100% 100%;
}
.k6 {
background: url(../images/en/k6.png) no-repeat;
background-size: 100% 100%;
}
.task-box{
background: url(../images/en/task-box.png) no-repeat;
background-size: 100% 100%;
}
.task-box{
height: 14.06rem;
.task1{
top: 4.4rem;
}
.task2{
top: 6.25rem;
}
.task3{
top: 8.4rem;
}
.task3-txt{
top: 8.6rem;
left: 4.5rem;
}
.task4{
top: 10.4rem;
}
.task5{
top: 11.9rem;
}
}
.user-box{
.task-btn1{
background: url(../images/en/task1.png)no-repeat;
background-size: 100% 100%;
}
.task-btn2{
background: url(../images/en/task2.png)no-repeat;
background-size: 100% 100%;
}
.task-btn3{
background: url(../images/en/task3.png)no-repeat;
background-size: 100% 100%;
}
.task-btn4{
background: url(../images/en/task4.png)no-repeat;
background-size: 100% 100%;
}
.task-btn5{
background: url(../images/en/task5.png)no-repeat;
background-size: 100% 100%;
}
.task-btn6{
background: url(../images/en/task6.png)no-repeat;
background-size: 100% 100%;
}
.task-btn7{
background: url(../images/en/task7.png)no-repeat;
background-size: 100% 100%;
}
}
.vip-card-box{
background: url(../images/en/vip-card-box.png) no-repeat;
background-size: 100% 100%;
}
.buy-btn{
background: url(../images/en/buy-btn.png) no-repeat;
background-size: 100% 100%;
top: 8.85rem ;
}
.buy-btn2{
background: url(../images/en/buy-btn2.png) no-repeat;
background-size: 100% 100%;
}
.buy-tips{
color: #333 !important;
text-align: center !important;
width: 9.58rem !important;
bottom: -0.4rem !important;
}
.one-gift-box{
background: url(../images/en/one-gift-box.png) no-repeat;
background-size: 100% 100%;
height: 8.56rem;
}
.one-gift-send{
top: 4.6rem !important;
background: url(../images/en/one-gift-send.png) no-repeat !important;
background-size: 100% 100% !important;
}
.reg-btn{
background: url(../images/en/reg-btn.png) no-repeat;
background-size: 100% 100%;
}
.new-task-box{
background: url(../images/en/new-task-box.png) no-repeat ;
background-size: 100% 100%;
.task1{
top: 4rem;
}
.task4{
top: 9.5rem;
}
.task8{
top: 17.1rem;
}
.task11{
top: 22rem;
}
}
.layer-fans{
background: url(../images/en/layer-fans.png) no-repeat;
background-size: 100% 100%;
}
.layer-card-ok{
background: url(../images/en/layer-card-ok.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.banner{ .banner{
width: 10rem; width: 10rem;
height: 13.36rem; height: 13.36rem;
......
activeFt/newMan/index.html
...@@ -135,6 +135,21 @@ ...@@ -135,6 +135,21 @@
<script src="lib/swiper.min.js"></script> <script src="lib/swiper.min.js"></script>
<script> <script>
$(function(){ $(function(){
if(sessionStorage.lang==2)var titleName="尋星旅團"
else var titleName="Queen of the Night "
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".new-task-time").text("The event will end at 24:00 on September 30.")
}
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 1, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
list() list()
if(sessionStorage.jump==1){ if(sessionStorage.jump==1){
$(".top-btn1").addClass("top-btn2") $(".top-btn1").addClass("top-btn2")
...@@ -154,7 +169,8 @@ $(function(){ ...@@ -154,7 +169,8 @@ $(function(){
task() task()
}) })
$(".one-gift-send").on("click",function(){ $(".one-gift-send").on("click",function(){
layer.msg("前往直播間點擊右上角活動圖標即可送出") if(sessionStorage.lang==2)layer.msg("前往直播間點擊右上角活動圖標即可送出")
else layer.msg("Go to the live broadcast room and click the activity icon in the upper right corner to send it")
}) })
$(".btn-ok").on("click",function(){ $(".btn-ok").on("click",function(){
layer.closeAll() layer.closeAll()
...@@ -187,7 +203,8 @@ $(function(){ ...@@ -187,7 +203,8 @@ $(function(){
layer.msg(data.msg) layer.msg(data.msg)
return; return;
} }
layer.msg("購買成功") if(sessionStorage.lang==2)layer.msg("購買成功")
else layer.msg("success")
task() task()
if(type==1){ if(type==1){
layer.open({ layer.open({
...@@ -374,7 +391,9 @@ $(function(){ ...@@ -374,7 +391,9 @@ $(function(){
$(".new-task-box .task-btn7").unbind("click").on("click",function(){ $(".new-task-box .task-btn7").unbind("click").on("click",function(){
var _self=$(this) var _self=$(this)
if(_self.attr("data-type")==6){ if(_self.attr("data-type")==6){
layer.msg("請前往直播間點擊左上角活動圖標進入") if(sessionStorage.lang==2) layer.msg("請前往直播間點擊左上角活動圖標進入")
else layer.msg("Please go to the live streaming room and click on the activity icon in the top left corner to enter.")
}else if(_self.attr("data-type")==7){ }else if(_self.attr("data-type")==7){
window.location.href='yazhai://_134306_zone' window.location.href='yazhai://_134306_zone'
} }
...@@ -457,7 +476,8 @@ $(function(){ ...@@ -457,7 +476,8 @@ $(function(){
if(data.result.monthlyCardData.status==1){ if(data.result.monthlyCardData.status==1){
$(".buy-btn").unbind("click").addClass("buy-btn2") $(".buy-btn").unbind("click").addClass("buy-btn2")
$(".layer-time-span").text(""+timeGet(data.result.monthlyCardData.validEndTime)[1]+"月"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"日") $(".layer-time-span").text(""+timeGet(data.result.monthlyCardData.validEndTime)[1]+"月"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"日")
$(".buy-tips").text("有效期至2024/"+timeGet(data.result.monthlyCardData.validEndTime)[1]+"/"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"").show() if(sessionStorage.lang==2)$(".buy-tips").text("有效期至2024/"+timeGet(data.result.monthlyCardData.validEndTime)[1]+"/"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"").show()
else $(".buy-tips").text("Valid until 2024/"+timeGet(data.result.monthlyCardData.validEndTime)[1]+"/"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"").show()
} }
} }
}) })
......
activeFt/newMan/lib/default.js
...@@ -68,8 +68,8 @@ if(sessionStorage.open==undefined)sessionStorage.open=1 ...@@ -68,8 +68,8 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
sessionStorage.roomId=23864554 sessionStorage.roomId=23864554
} }
if (bbb.indexOf("file:///E:") > -1) { if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=2 sessionStorage.lang=1
sessionStorage.uid =155100; sessionStorage.uid =155800;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=11134747; sessionStorage.roomId=11134747;
sessionStorage.version=8890 sessionStorage.version=8890
......
activeFt/newMan/oldView.html
...@@ -49,8 +49,8 @@ ...@@ -49,8 +49,8 @@
$(function(){ $(function(){
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
$(".txt1").text("PROG") $(".act-room-p1").text("score:")
$(".txt2").text("rank") $(".act-room-p3").text("goal:")
} }
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
...@@ -77,7 +77,8 @@ $(function(){ ...@@ -77,7 +77,8 @@ $(function(){
}) })
} }
},30000) },30000)
var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城'] if(sessionStorage.lang==2)var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城']
else var titleName=['','Lv.1','Lv.2','Lv.3','Lv.4','Lv.5','Lv.6']
var goPop=0 var goPop=0
function view(){ function view(){
$.ajax({ $.ajax({
...@@ -89,6 +90,7 @@ $(function(){ ...@@ -89,6 +90,7 @@ $(function(){
if(data.result.userData.newUserAwardTaskNum<5){ if(data.result.userData.newUserAwardTaskNum<5){
$(".act-room-bg").fadeIn(200) $(".act-room-bg").fadeIn(200)
if(data.result.userData.isNewUserGiftSend==0){ if(data.result.userData.isNewUserGiftSend==0){
goPop=2
$(".act-room-bg").unbind("click").on("click",function(){ $(".act-room-bg").unbind("click").on("click",function(){
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/openPopup.html', url:$ip+'/actSecretGarden/openPopup.html',
...@@ -175,6 +177,18 @@ $(function(){ ...@@ -175,6 +177,18 @@ $(function(){
view() view()
},60000) },60000)
setTimeout(function() { setTimeout(function() {
if(goPop==2){
setTimeout(function() {
$.ajax({
url:$ip+'/actStarSearchTour/triggerOpenPopup.html',
data:{
},
success:function(){
}
})
}, 10000);
}
if(goPop==1){ if(goPop==1){
setTimeout(function() { setTimeout(function() {
$.ajax({ $.ajax({
......
activeFt/newMan/pop.html
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background:rgba(0,0,0,0.7);"> <body style="background:rgba(0,0,0,0.5);">
<div style="margin-top: 0;" class="one-gift-box2"> <div style="margin-top: 0;" class="one-gift-box2">
<div class="one-gift-send btn-Pulse"></div> <div class="one-gift-send btn-Pulse"></div>
</div> </div>
......
activeFt/newMan/pop2.html
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background:rgba(0,0,0,0.7);"> <body style="background:rgba(0,0,0,0);">
<div style="display: none;" class="layer-card-ok"> <div style="display: none;" class="layer-card-ok">
<div> <div>
購買成功，600寶石已發放<br>明日起每日進入直播間自動發放20寶石<br>有效期至<span class="layer-time-span">XX月XX日</span> 購買成功，600寶石已發放<br>明日起每日進入直播間自動發放20寶石<br>有效期至<span class="layer-time-span">XX月XX日</span>
......
ftIcon/action2/images/en/act-room-bg2.png
ftIcon/action2/images/en/act-room-bg2.png

6.75 KB | W: | H:

ftIcon/action2/images/en/act-room-bg2.png

15.2 KB | W: | H:

ftIcon/action2/images/en/act-room-bg2.png
ftIcon/action2/images/en/act-room-bg2.png
ftIcon/action2/images/en/act-room-bg2.png
ftIcon/action2/images/en/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/action2/index.html
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0)"> <body style="background: rgba(0, 0, 0, 0)">
<div style="display: none;" class="act-room-bg act-room-bg2"> <div style="display: none;" class="act-room-bg act-room-bg2">
<div class="act-title">閃亮新星</div> <div class="act-title"></div>
<p class="act-room-p1">主播積分:</p> <p class="act-room-p1">主播積分:</p>
<p class="act-room-p2">8000</p> <p class="act-room-p2">8000</p>
<p class="act-room-p3">目標積分:</p> <p class="act-room-p3">目標積分:</p>
...@@ -48,9 +48,8 @@ $(function(){ ...@@ -48,9 +48,8 @@ $(function(){
var wsTimer=null var wsTimer=null
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
$(".txt1").text('score') $(".act-room-p1").text("score:")
$(".txt2").text("PROG") $(".act-room-p3").text("goal:")
$(".txt3").text("rank")
} }
var obj = { var obj = {
"cid": 43, "cid": 43,
...@@ -66,7 +65,8 @@ $(function(){ ...@@ -66,7 +65,8 @@ $(function(){
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城'] if(sessionStorage.lang==2)var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城']
else var titleName=['','Lv.1','Lv.2','Lv.3','Lv.4','Lv.5','Lv.6']
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actStarSearchTour/getRoomPartData.html', url:$ip+'/actStarSearchTour/getRoomPartData.html',
...@@ -77,6 +77,7 @@ $(function(){ ...@@ -77,6 +77,7 @@ $(function(){
if(data.result.userData.newUserAwardTaskNum<5){ if(data.result.userData.newUserAwardTaskNum<5){
$(".act-room-bg").fadeIn(200) $(".act-room-bg").fadeIn(200)
if(data.result.userData.isNewUserGiftSend==0){ if(data.result.userData.isNewUserGiftSend==0){
goPop=2
$(".act-room-bg").unbind("click").on("click",function(){ $(".act-room-bg").unbind("click").on("click",function(){
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/openPopup.html', url:$ip+'/actSecretGarden/openPopup.html',
...@@ -127,22 +128,7 @@ $(function(){ ...@@ -127,22 +128,7 @@ $(function(){
appCollaboration(obj2); appCollaboration(obj2);
}) })
if(data.result.userData.isBuyMonthlyCard==0){ if(data.result.userData.isBuyMonthlyCard==0){
setTimeout(function() { goPop=1
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/newMan/pop2.html" + location.search+'',
height:'0.5',
heightR:'110',
x:'0',
y:'0.5',
},
success:function(){
}
})
}, 10000);
} }
} }
...@@ -162,6 +148,35 @@ $(function(){ ...@@ -162,6 +148,35 @@ $(function(){
appCollaboration(obj2); appCollaboration(obj2);
}) })
if(data.result.userData.isBuyMonthlyCard==0){ if(data.result.userData.isBuyMonthlyCard==0){
goPop=1
}
}
$(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-p2").text(data.result.roomData.score)
$(".act-room-p4").text(data.result.roomData.levelScore)
}
})
}
view()
setInterval(function(){
view()
},60000)
setTimeout(function() {
if(goPop==2){
setTimeout(function() {
$.ajax({
url:$ip+'/actStarSearchTour/triggerOpenPopup.html',
data:{
},
success:function(){
}
})
}, 10000);
}
if(goPop==1){
setTimeout(function() { setTimeout(function() {
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/openPopup.html', url:$ip+'/actSecretGarden/openPopup.html',
...@@ -179,37 +194,7 @@ $(function(){ ...@@ -179,37 +194,7 @@ $(function(){
}) })
}, 10000); }, 10000);
} }
}, 3000);
}
$(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-p2").text(data.result.roomData.score)
$(".act-room-p4").text(data.result.roomData.levelScore)
}
})
}
view()
setInterval(function(){
view()
},60000)
// $(".act-room-bg").on("click",function(){
// var obj = {
// "cid": 31,
// "reqCode": new Date().getTime(),
// "data": {
// "popupType":2,
// // "width":314,
// "url":''+$url+'activeFt/luckyGod/index.html',
// "heightR":140,
// "clickBlank":1,
// "bottom":'0',
// }
// }
// var obj2 = JSON.stringify(obj);
// appCollaboration(obj2);
// })
function getData(roomid) { function getData(roomid) {
var opts = { var opts = {
reconnectionDelay: 5000, reconnectionDelay: 5000,
......
ftIcon/liveData/css/index.css
...@@ -125,60 +125,65 @@ i { ...@@ -125,60 +125,65 @@ i {
text-indent: 6vw; text-indent: 6vw;
margin-top: 4vw; margin-top: 4vw;
} }
.bg-en .act-room-bg {
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%;
}
.act-room-bg { .act-room-bg {
width: 10rem; width: 10rem;
height: 11.079rem; height: 10.079rem;
background: url(../images/act-room-bg.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-bg .act-room-p1 { .act-room-bg2 {
color: #fff; width: 8rem;
font-size: 1rem; height: 4.393rem;
float: right;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2 > div,
.act-room-bg2 > p {
font-size: 0;
}
.act-room-p1 {
width: 10rem;
text-align: center; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
width: 10rem; top: 2.4rem;
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 { .act-room-p2 {
font-size: 0.7rem; width: 10rem;
color: #CA9FFF; text-align: center;
color: #FF5000;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 7.5rem; top: 3.95rem;
left: 3.3rem; font-weight: 700;
}
.act-room-p2 span {
color: #C852FF;
} }
.act-room-p3 { .act-room-p3 {
font-size: 0.7rem; width: 10rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 8.6rem; top: 5.6rem;
left: 3.3rem;
}
.act-room-p3 span {
color: #C852FF;
} }
.act-room-bg2 { .act-room-p4 {
width: 8rem; width: 10rem;
height: 5.604rem; text-align: center;
background: url(../images/act-room-bg2.png) no-repeat; color: #FF5000;
background-size: 100% 100%; font-size: 0.8rem;
float: right; position: absolute;
position: relative; top: 7.25rem;
font-weight: 700;
} }
.act-room-bg2 p { .act-title {
display: none; position: absolute;
top: 0.2rem;
width: 10rem;
text-align: center;
font-size: 0.8rem;
font-weight: 700;
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC;
} }
ftIcon/liveData/css/index.less
...@@ -142,63 +142,64 @@ i{ ...@@ -142,63 +142,64 @@ i{
margin-top: 4vw; margin-top: 4vw;
} }
//活動 //活動
.bg-en{
.act-room-bg{
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%;
}
}
.act-room-bg{ .act-room-bg{
width: 10rem; width: 10rem;
height: 11.079rem; height: 10.079rem;
background: url(../images/act-room-bg.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{ }
color: #fff; .act-room-bg2{
font-size: 1rem; width: 8rem;
height: 4.393rem;
float: right;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
>div,>p{
font-size: 0;
}
}
.act-room-p1{
width: 10rem;
text-align: center; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
width: 10rem; top: 2.4rem;
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{ .act-room-p2{
font-size: 0.7rem; width: 10rem;
color: #CA9FFF; text-align: center;
color: #FF5000;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 7.5rem; top: 3.95rem;
left: 3.3rem; font-weight: 700;
span{
color: #C852FF;
}
} }
.act-room-p3{ .act-room-p3{
font-size: 0.7rem; width: 10rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 8.6rem; top: 5.6rem;
left: 3.3rem;
span{
color: #C852FF;
}
} }
.act-room-bg2{ .act-room-p4{
width: 8rem; width: 10rem;
height: 5.604rem; text-align: center;
background: url(../images/act-room-bg2.png)no-repeat; color: #FF5000;
background-size: 100% 100%; font-size: 0.8rem;
float: right; position: absolute;
position: relative; top: 7.25rem;
p{ font-weight: 700;
display: none; }
} .act-title{
position: absolute;
top: 0.2rem;
width: 10rem;
text-align: center;
font-size: 0.8rem;
font-weight: 700;
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC;
} }
\ No newline at end of file
ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png

15.7 KB | W: | H:

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

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

7.08 KB | W: | H:

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

13.7 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/en/act-room-bg.png
ftIcon/liveData/images/en/act-room-bg.png

16.5 KB | W: | H:

ftIcon/liveData/images/en/act-room-bg.png

27.2 KB | W: | H:

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

6.75 KB | W: | H:

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

15.2 KB | W: | H:

ftIcon/liveData/images/en/act-room-bg2.png
ftIcon/liveData/images/en/act-room-bg2.png
ftIcon/liveData/images/en/act-room-bg2.png
ftIcon/liveData/images/en/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData/index.html
...@@ -31,10 +31,13 @@ ...@@ -31,10 +31,13 @@
</style> </style>
</head> </head>
<body c style="background:rgba(0,0,0,0)"> <body c style="background:rgba(0,0,0,0)">
<div style="display: none;" class="act-room-bg "> <div class="act-room-bg">
<p class="act-room-p1">80000</p> <div class="act-title"></div>
<p class="act-room-p2"><i class="txt1">進度</i> : <span>18%</span></p> <p class="act-room-p1">主播積分:</p>
<p class="act-room-p3"><i class="txt2">排名</i> : <span>5</span></p> <p class="act-room-p2">--</p>
<p class="act-room-p3">目標積分:</p>
<p class="act-room-p4">--</p>
</div> </div>
<div class="room-bg1"> <div class="room-bg1">
<div class="room-bg-top">人氣</div> <div class="room-bg-top">人氣</div>
...@@ -77,8 +80,8 @@ $(function(){ ...@@ -77,8 +80,8 @@ $(function(){
var socketOk=null var socketOk=null
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
$(".txt1").text("PROG") $(".act-room-p1").text("score:")
$(".txt2").text("rank") $(".act-room-p3").text("goal:")
} }
//活動 //活動
$(".act-room-bg").on("click",function(){ $(".act-room-bg").on("click",function(){
...@@ -88,25 +91,26 @@ $(function(){ ...@@ -88,25 +91,26 @@ $(function(){
"data": { "data": {
"msg": '跳转集合功能', "msg": '跳转集合功能',
"jumptype": 3, "jumptype": 3,
"url": $url + "/activeFt/luckyGod/index.html" + location.search+'&jump=1', "url": $url + "/activeFt/newMan/index.html" + location.search+'&jump=1',
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
if(sessionStorage.lang==2)var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城']
else var titleName=['','Lv.1','Lv.2','Lv.3','Lv.4','Lv.5','Lv.6']
function ActView(){ function ActView(){
$.ajax({ $.ajax({
url:$ip+'/actTheLuckFairy/getRoomPartData.html', url:$ip+'/actStarSearchTour/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
$(".act-room-bg").show() $(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-p1").text(data.result.roomData.score) $(".act-room-p2").text(data.result.roomData.score)
$(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100)) $(".act-room-p4").text(data.result.roomData.levelScore)
$(".act-room-p3 span").text(data.result.roomData.rank)
} }
}) })
} }
ActView() ActView()
setInterval(function(){ setInterval(function(){
......
ftIcon/liveData2/css/index.css
...@@ -140,67 +140,72 @@ ...@@ -140,67 +140,72 @@
margin-left: -2.2vw; margin-left: -2.2vw;
top: -0.95vw; top: -0.95vw;
} }
.bg-en .act-room-bg {
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%;
}
.act-room-bg { .act-room-bg {
width: 10rem;
height: 5.972rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
margin-top: -0.3rem;
right: -33.5vw; right: -33.5vw;
top: -18vw; top: -18.5vw;
transform: scale(0.33); transform: scale(0.33);
width: 10rem;
height: 5.646rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
} }
.act-room-bg2 { .act-room-bg2 {
width: 8rem; width: 8rem;
height: 4.393rem;
float: right; float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png) no-repeat; background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
margin-top: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
} }
.act-room-bg2 p { .act-room-bg2 > div,
display: none; .act-room-bg2 > p {
font-size: 0;
} }
.act-room-p1 { .act-room-p1 {
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 2.2rem; top: 1.85rem;
left: 1rem; left: 0.5rem;
}
.act-room-p1 span {
color: #F83FFF;
} }
.act-room-p2 { .act-room-p2 {
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 1.9rem;
left: 1rem; left: 4.9rem;
} font-weight: 700;
.act-room-p2 span {
color: #F83FFF;
} }
.act-room-p3 { .act-room-p3 {
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 3.3rem;
left: 5.6rem; left: 0.5rem;
}
.act-room-p4 {
width: 5rem;
text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 3.3rem;
left: 4.9rem;
font-weight: 700;
} }
.act-room-p3 span { .act-title {
color: #F83FFF; position: absolute;
top: 0.2rem;
width: 10rem;
text-align: center;
font-size: 0.8rem;
font-weight: 700;
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC;
} }
ftIcon/liveData2/css/index.less
...@@ -160,70 +160,71 @@ ...@@ -160,70 +160,71 @@
//活动 //活动
//活動 //活動
.bg-en{
.act-room-bg{
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%;
}
}
.act-room-bg{ .act-room-bg{
width: 10rem;
height: 5.972rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
position: absolute; position: absolute;
margin-top: -0.3rem;
right: -33.5vw; right: -33.5vw;
top: -18vw; top: -18.5vw;
transform: scale(0.33); transform: scale(0.33);
width: 10rem;
height: 5.646rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
} }
.act-room-bg2{ .act-room-bg2{
width: 8rem; width: 8rem;
height: 4.393rem;
float: right; float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png)no-repeat; background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; >div,>p{
margin-top: 0; font-size: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
p{
display: none;
} }
} }
.act-room-p1{ .act-room-p1{
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 2.2rem; top: 1.85rem;
left: 1rem; left: 0.5rem;
span{
color: #F83FFF;
}
} }
.act-room-p2{ .act-room-p2{
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 1.9rem;
left: 1rem; left: 4.9rem;
span{ font-weight: 700;
color: #F83FFF;
}
} }
.act-room-p3{ .act-room-p3{
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 3.3rem;
left: 5.6rem; left: 0.5rem;
span{ }
color: #F83FFF; .act-room-p4{
} width: 5rem;
text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 3.3rem;
left: 4.9rem;
font-weight: 700;
}
.act-title{
position: absolute;
top: 0.2rem;
width: 10rem;
text-align: center;
font-size: 0.8rem;
font-weight: 700;
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC;
} }
\ No newline at end of file
ftIcon/liveData2/images/act-room-bg.png
ftIcon/liveData2/images/act-room-bg.png

12.5 KB | W: | H:

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

19.2 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

7.08 KB | W: | H:

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

13.7 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/images/en/act-room-bg.png
ftIcon/liveData2/images/en/act-room-bg.png

12.2 KB | W: | H:

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

19.2 KB | W: | H:

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

6.75 KB | W: | H:

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

13.7 KB | W: | H:

ftIcon/liveData2/images/en/act-room-bg2.png
ftIcon/liveData2/images/en/act-room-bg2.png
ftIcon/liveData2/images/en/act-room-bg2.png
ftIcon/liveData2/images/en/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData2/index.html
...@@ -69,10 +69,13 @@ ...@@ -69,10 +69,13 @@
</div> </div>
<div style="display: none;" class="act-room-bg"> <div class="act-room-bg">
<p class="act-room-p1"><i class="txt1">主播積分</i> : <span>80000</span></p> <div class="act-title"></div>
<p class="act-room-p2"><i class="txt2">進度</i> : <span>18%</span></p> <p class="act-room-p1">主播積分:</p>
<p class="act-room-p3"><i class="txt3">排名</i> : <span>5</span></p> <p class="act-room-p2">--</p>
<p class="act-room-p3">目標積分:</p>
<p class="act-room-p4">--</p>
</div> </div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -83,9 +86,8 @@ ...@@ -83,9 +86,8 @@
$(function(){ $(function(){
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
$(".txt1").text('score') $(".act-room-p1").text("score:")
$(".txt2").text("PROG") $(".act-room-p3").text("goal:")
$(".txt3").text("rank")
} }
var wsTimer=null var wsTimer=null
var socketOk=null var socketOk=null
...@@ -107,16 +109,16 @@ $(function(){ ...@@ -107,16 +109,16 @@ $(function(){
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
} }
if(sessionStorage.lang==2)var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城']
else var titleName=['','Lv.1','Lv.2','Lv.3','Lv.4','Lv.5','Lv.6']
function actView(){ function actView(){
$.ajax({ $.ajax({
url:$ip+'/actTheLuckFairy/getRoomPartData.html', url:$ip+'/actStarSearchTour/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
$(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-bg").show() $(".act-room-p2").text(data.result.roomData.score)
$(".act-room-p1 span").text(data.result.roomData.score) $(".act-room-p4").text(data.result.roomData.levelScore)
$(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100))
$(".act-room-p3 span").text(data.result.roomData.rank)
} }
}) })
} }
...@@ -169,25 +171,7 @@ $(function(){ ...@@ -169,25 +171,7 @@ $(function(){
}); });
} }
setTimeout(function(){
if(localStorage.gardenLayer==undefined||localStorage.gardenLayer<new Date().getTime()){
localStorage.gardenLayer=(Number(new Date().getTime())+86400000)
$.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(){
}
})
}
},30000)
$(".act-room-bg").on("click",function(){ $(".act-room-bg").on("click",function(){
var obj = { var obj = {
"cid": 31, "cid": 31,
...@@ -195,7 +179,7 @@ $(function(){ ...@@ -195,7 +179,7 @@ $(function(){
"data": { "data": {
"popupType":2, "popupType":2,
// "width":314, // "width":314,
"url":''+$url+'activeFt/luckyGod/index.html', "url":''+$url+'activeFt/newMan/index.html',
"heightR":140, "heightR":140,
"clickBlank":1, "clickBlank":1,
"bottom":'0', "bottom":'0',
......
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