Skip to content

libai / fsActive

Go to a project
Commit 7c7dc2d6 by libai
Options

ft活动上线

parent a6f59b1a
Inline Side-by-side
Showing with 634 additions and 286 deletions
activeFt/newMan/css/index.css
......@@ -4,6 +4,165 @@
position: relative;
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 {
width: 10rem;
height: 13.36rem;
......
activeFt/newMan/css/index.less
.bg{
width: 10rem;
margin: 0 auto;
position: relative;
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{
width: 10rem;
height: 13.36rem;
......
activeFt/newMan/index.html
......@@ -135,6 +135,21 @@
<script src="lib/swiper.min.js"></script>
<script>
$(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()
if(sessionStorage.jump==1){
$(".top-btn1").addClass("top-btn2")
......@@ -154,7 +169,8 @@ $(function(){
task()
})
$(".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(){
layer.closeAll()
......@@ -187,7 +203,8 @@ $(function(){
layer.msg(data.msg)
return;
}
layer.msg("購買成功")
if(sessionStorage.lang==2)layer.msg("購買成功")
else layer.msg("success")
task()
if(type==1){
layer.open({
......@@ -374,7 +391,9 @@ $(function(){
$(".new-task-box .task-btn7").unbind("click").on("click",function(){
var _self=$(this)
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){
window.location.href='yazhai://_134306_zone'
}
......@@ -457,7 +476,8 @@ $(function(){
if(data.result.monthlyCardData.status==1){
$(".buy-btn").unbind("click").addClass("buy-btn2")
$(".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
sessionStorage.roomId=23864554
}
if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=2
sessionStorage.uid =155100;
sessionStorage.lang=1
sessionStorage.uid =155800;
sessionStorage.token = 'debug'
sessionStorage.roomId=11134747;
sessionStorage.version=8890
......
activeFt/newMan/oldView.html
......@@ -49,8 +49,8 @@
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text("PROG")
$(".txt2").text("rank")
$(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:")
}
if(sessionStorage.lang!=2){
......@@ -77,7 +77,8 @@ $(function(){
})
}
},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
function view(){
$.ajax({
......@@ -89,6 +90,7 @@ $(function(){
if(data.result.userData.newUserAwardTaskNum<5){
$(".act-room-bg").fadeIn(200)
if(data.result.userData.isNewUserGiftSend==0){
goPop=2
$(".act-room-bg").unbind("click").on("click",function(){
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
......@@ -175,6 +177,18 @@ $(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() {
$.ajax({
......
activeFt/newMan/pop.html
......@@ -34,7 +34,7 @@
</head>
<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 class="one-gift-send btn-Pulse"></div>
</div>
......
activeFt/newMan/pop2.html
......@@ -34,7 +34,7 @@
</head>
<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>
購買成功，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 @@
<script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0)">
<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-p2">8000</p>
<p class="act-room-p3">目標積分:</p>
......@@ -48,9 +48,8 @@ $(function(){
var wsTimer=null
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text('score')
$(".txt2").text("PROG")
$(".txt3").text("rank")
$(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:")
}
var obj = {
"cid": 43,
......@@ -66,7 +65,8 @@ $(function(){
}
var obj2 = JSON.stringify(obj);
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(){
$.ajax({
url:$ip+'/actStarSearchTour/getRoomPartData.html',
......@@ -77,6 +77,7 @@ $(function(){
if(data.result.userData.newUserAwardTaskNum<5){
$(".act-room-bg").fadeIn(200)
if(data.result.userData.isNewUserGiftSend==0){
goPop=2
$(".act-room-bg").unbind("click").on("click",function(){
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
......@@ -127,22 +128,7 @@ $(function(){
appCollaboration(obj2);
})
if(data.result.userData.isBuyMonthlyCard==0){
setTimeout(function() {
$.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);
goPop=1
}
}
......@@ -162,22 +148,7 @@ $(function(){
appCollaboration(obj2);
})
if(data.result.userData.isBuyMonthlyCard==0){
setTimeout(function() {
$.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);
goPop=1
}
......@@ -187,29 +158,43 @@ $(function(){
$(".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);
// })
setTimeout(function() {
if(goPop==2){
setTimeout(function() {
$.ajax({
url:$ip+'/actStarSearchTour/triggerOpenPopup.html',
data:{
},
success:function(){
}
})
}, 10000);
}
if(goPop==1){
setTimeout(function() {
$.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);
}
}, 3000);
function getData(roomid) {
var opts = {
reconnectionDelay: 5000,
......
ftIcon/liveData/css/index.css
......@@ -125,60 +125,65 @@ i {
text-indent: 6vw;
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 {
width: 10rem;
height: 11.079rem;
height: 10.079rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
background-position-y: -0.4rem;
position: relative;
}
.act-room-bg .act-room-p1 {
color: #fff;
font-size: 1rem;
.act-room-bg2 {
width: 8rem;
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;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
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;
top: 2.4rem;
}
.act-room-p2 {
font-size: 0.7rem;
color: #CA9FFF;
width: 10rem;
text-align: center;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 7.5rem;
left: 3.3rem;
}
.act-room-p2 span {
color: #C852FF;
top: 3.95rem;
font-weight: 700;
}
.act-room-p3 {
font-size: 0.7rem;
color: #CA9FFF;
width: 10rem;
text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 8.6rem;
left: 3.3rem;
}
.act-room-p3 span {
color: #C852FF;
top: 5.6rem;
}
.act-room-bg2 {
width: 8rem;
height: 5.604rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
float: right;
position: relative;
.act-room-p4 {
width: 10rem;
text-align: center;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 7.25rem;
font-weight: 700;
}
.act-room-bg2 p {
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;
}
ftIcon/liveData/css/index.less
......@@ -142,63 +142,64 @@ i{
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{
width: 10rem;
height: 11.079rem;
height: 10.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;
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;
position: relative;
}
.act-room-bg2{
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;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 2.4rem;
}
.act-room-p2{
font-size: 0.7rem;
color: #CA9FFF;
width: 10rem;
text-align: center;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 7.5rem;
left: 3.3rem;
span{
color: #C852FF;
}
top: 3.95rem;
font-weight: 700;
}
.act-room-p3{
font-size: 0.7rem;
color: #CA9FFF;
width: 10rem;
text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 8.6rem;
left: 3.3rem;
span{
color: #C852FF;
}
top: 5.6rem;
}
.act-room-bg2{
width: 8rem;
height: 5.604rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
float: right;
position: relative;
p{
display: none;
}
.act-room-p4{
width: 10rem;
text-align: center;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 7.25rem;
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/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 @@
</style>
</head>
<body c style="background:rgba(0,0,0,0)">
<div style="display: none;" class="act-room-bg ">
<p class="act-room-p1">80000</p>
<p class="act-room-p2"><i class="txt1">進度</i> : <span>18%</span></p>
<p class="act-room-p3"><i class="txt2">排名</i> : <span>5</span></p>
<div class="act-room-bg">
<div class="act-title"></div>
<p class="act-room-p1">主播積分:</p>
<p class="act-room-p2">--</p>
<p class="act-room-p3">目標積分:</p>
<p class="act-room-p4">--</p>
</div>
<div class="room-bg1">
<div class="room-bg-top">人氣</div>
......@@ -77,8 +80,8 @@ $(function(){
var socketOk=null
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text("PROG")
$(".txt2").text("rank")
$(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:")
}
//活動
$(".act-room-bg").on("click",function(){
......@@ -88,25 +91,26 @@ $(function(){
"data": {
"msg": '跳转集合功能',
"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);
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(){
$.ajax({
url:$ip+'/actTheLuckFairy/getRoomPartData.html',
url:$ip+'/actStarSearchTour/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
$(".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)
$(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-p2").text(data.result.roomData.score)
$(".act-room-p4").text(data.result.roomData.levelScore)
}
})
}
ActView()
setInterval(function(){
......
ftIcon/liveData2/css/index.css
......@@ -140,67 +140,72 @@
margin-left: -2.2vw;
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 {
width: 10rem;
height: 5.972rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
margin-top: -0.3rem;
right: -33.5vw;
top: -18vw;
top: -18.5vw;
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 {
width: 8rem;
height: 4.393rem;
float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin-top: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
}
.act-room-bg2 p {
display: none;
.act-room-bg2 > div,
.act-room-bg2 > p {
font-size: 0;
}
.act-room-p1 {
font-size: 0.78rem;
color: #CA9FFF;
width: 5rem;
text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 2.2rem;
left: 1rem;
}
.act-room-p1 span {
color: #F83FFF;
top: 1.85rem;
left: 0.5rem;
}
.act-room-p2 {
font-size: 0.78rem;
color: #CA9FFF;
width: 5rem;
text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 3.7rem;
left: 1rem;
}
.act-room-p2 span {
color: #F83FFF;
top: 1.9rem;
left: 4.9rem;
font-weight: 700;
}
.act-room-p3 {
font-size: 0.78rem;
color: #CA9FFF;
width: 5rem;
text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 3.7rem;
left: 5.6rem;
top: 3.3rem;
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 {
color: #F83FFF;
.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;
}
ftIcon/liveData2/css/index.less
......@@ -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{
width: 10rem;
height: 5.972rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
position: absolute;
margin-top: -0.3rem;
right: -33.5vw;
top: -18vw;
top: -18.5vw;
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{
width: 8rem;
height: 4.393rem;
float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
position: relative;
margin-top: 0;
right: -33.5vw;
top: -18vw;
transform: scale(0.33);
p{
display: none;
>div,>p{
font-size: 0;
}
}
.act-room-p1{
font-size: 0.78rem;
color: #CA9FFF;
width: 5rem;
text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 2.2rem;
left: 1rem;
span{
color: #F83FFF;
}
top: 1.85rem;
left: 0.5rem;
}
.act-room-p2{
font-size: 0.78rem;
color: #CA9FFF;
width: 5rem;
text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 3.7rem;
left: 1rem;
span{
color: #F83FFF;
}
top: 1.9rem;
left: 4.9rem;
font-weight: 700;
}
.act-room-p3{
font-size: 0.78rem;
color: #CA9FFF;
width: 5rem;
text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 3.7rem;
left: 5.6rem;
span{
color: #F83FFF;
}
top: 3.3rem;
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-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 @@
</div>
<div style="display: none;" class="act-room-bg">
<p class="act-room-p1"><i class="txt1">主播積分</i> : <span>80000</span></p>
<p class="act-room-p2"><i class="txt2">進度</i> : <span>18%</span></p>
<p class="act-room-p3"><i class="txt3">排名</i> : <span>5</span></p>
<div class="act-room-bg">
<div class="act-title"></div>
<p class="act-room-p1">主播積分:</p>
<p class="act-room-p2">--</p>
<p class="act-room-p3">目標積分:</p>
<p class="act-room-p4">--</p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -83,9 +86,8 @@
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text('score')
$(".txt2").text("PROG")
$(".txt3").text("rank")
$(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:")
}
var wsTimer=null
var socketOk=null
......@@ -107,16 +109,16 @@ $(function(){
if(sessionStorage.lang!=2){
$("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(){
$.ajax({
url:$ip+'/actTheLuckFairy/getRoomPartData.html',
url:$ip+'/actStarSearchTour/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
$(".act-room-bg").show()
$(".act-room-p1 span").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)
$(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-p2").text(data.result.roomData.score)
$(".act-room-p4").text(data.result.roomData.levelScore)
}
})
}
......@@ -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(){
var obj = {
"cid": 31,
......@@ -195,7 +179,7 @@ $(function(){
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'activeFt/luckyGod/index.html',
"url":''+$url+'activeFt/newMan/index.html',
"heightR":140,
"clickBlank":1,
"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