Skip to content

libai / fsActive

Go to a project
Commit c60dc235 by libai
Options

ft活动上线

parent c38be282
Inline Side-by-side
Showing with 375 additions and 184 deletions
activeFt/goddess/css/index.css
.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 .banner {
background: url(../images/en/banner.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-sign-box {
background: url(../images/en/user-sign-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .card-box1 {
top: 3.4rem;
}
.bg-en .card-box2 {
top: 3.4rem;
}
.bg-en .user-reg-box {
background: url(../images/en/user-reg-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-gift-box {
background: url(../images/en/user-gift-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .gift-btn {
background: url(../images/en/gift-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-vip-card {
background: url(../images/en/user-vip-card.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .vip-btn2 {
top: 9.6rem;
}
.bg-en .vip-btn {
background: url(../images/en/vip-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .vip-btn2 {
background: url(../images/en/vip-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .list-bg {
background: url(../images/en/list-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg1 {
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%;
}
.bg { .bg {
margin: 0 auto; margin: 0 auto;
width: 10rem; width: 10rem;
...@@ -17,6 +82,12 @@ ...@@ -17,6 +82,12 @@
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
} }
.rule-bg-en {
width: 10rem;
height: 46rem;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
}
.rule-btn { .rule-btn {
width: 1.586rem; width: 1.586rem;
position: fixed; position: fixed;
...@@ -458,7 +529,7 @@ ...@@ -458,7 +529,7 @@
background: url(../images/vip-btn.png) no-repeat; background: url(../images/vip-btn.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
top: 9.5rem; top: 9.6rem;
left: 50%; left: 50%;
margin-left: -1.846rem; margin-left: -1.846rem;
} }
......
activeFt/goddess/css/index.less
.bg-en{
.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%;
}
.banner{
background: url(../images/en/banner.png) no-repeat;
background-size: 100% 100%;
}
.user-sign-box{
background: url(../images/en/user-sign-box.png) no-repeat;
background-size: 100% 100%;
}
.card-box1{
top: 3.4rem;
}
.card-box2{
top: 3.4rem;
}
.user-reg-box{
background: url(../images/en/user-reg-box.png) no-repeat;
background-size: 100% 100%;
}
.user-gift-box{
background: url(../images/en/user-gift-box.png) no-repeat;
background-size: 100% 100%;
}
.gift-btn{
background: url(../images/en/gift-btn.png) no-repeat;
background-size: 100% 100%;
}
.user-vip-card{
background: url(../images/en/user-vip-card.png) no-repeat;
background-size: 100% 100%;
}
.vip-btn2{
top: 9.6rem;
}
.vip-btn{
background: url(../images/en/vip-btn.png) no-repeat;
background-size: 100% 100%;
}
.vip-btn2{
background: url(../images/en/vip-btn2.png) no-repeat;
background-size: 100% 100%;
}
.list-bg{
background: url(../images/en/list-bg.png) no-repeat;
background-size: 100% 100%;
}
.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%;
}
}
.bg{ .bg{
margin: 0 auto; margin: 0 auto;
width: 10rem; width: 10rem;
...@@ -17,6 +84,12 @@ ...@@ -17,6 +84,12 @@
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
} }
.rule-bg-en{
width: 10rem;
height: 46rem;
background: url(../images/en/rule-bg.png)no-repeat;
background-size: 100% auto;
}
.rule-btn{ .rule-btn{
width: 1.586rem; width: 1.586rem;
position: fixed; position: fixed;
...@@ -467,7 +540,7 @@ ...@@ -467,7 +540,7 @@
background: url(../images/vip-btn.png) no-repeat; background: url(../images/vip-btn.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
top: 9.5rem; top: 9.6rem;
left: 50%; left: 50%;
margin-left: -1.846rem; margin-left: -1.846rem;
} }
......
activeFt/goddess/index.html
...@@ -156,6 +156,12 @@ ...@@ -156,6 +156,12 @@
<script src="lib/swiper.min.js"></script> <script src="lib/swiper.min.js"></script>
<script> <script>
$(function(){ $(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".top-mc-p1").text("Best MC of yesterday")
$(".user-sign-box >p").text("Please click to select the sign-in card")
$(".rule-btn").attr("src","images/en/rule-btn.png")
}
if(sessionStorage.lang==2)var titleName="女神物語" if(sessionStorage.lang==2)var titleName="女神物語"
else var titleName="Goddess Chronicles" else var titleName="Goddess Chronicles"
var obj = { var obj = {
...@@ -303,8 +309,16 @@ $(function(){ ...@@ -303,8 +309,16 @@ $(function(){
html+='<p class="list-p2">積分 : '+list.score+'</p>'; html+='<p class="list-p2">積分 : '+list.score+'</p>';
html+='</div>'; html+='</div>';
html+='<div class="list-box3">'; html+='<div class="list-box3">';
if(list.score>=10000)html+='<div class="list-ok">今日達標</div>'; if(list.score>=10000){
else html+='<div class="list-box3">今日進度:'+Math.floor(list.score/10000*100)+'%</div>'; if(sessionStorage.lang==2) html+='<div class="list-ok">今日達標</div>';
else html+='<div class="list-ok">Completed</div>';
}
else{
if(sessionStorage.lang==2)html+='<div class="list-box3">今日進度:'+Math.floor(list.score/10000*100)+'%</div>';
else html+='<div class="list-box3">progress:'+Math.floor(list.score/10000*100)+'%</div>';
}
html+='</div>'; html+='</div>';
html+='<img class="line" src="images/line.png" alt="">'; html+='<img class="line" src="images/line.png" alt="">';
html+='</li>'; html+='</li>';
...@@ -359,21 +373,26 @@ $(function(){ ...@@ -359,21 +373,26 @@ $(function(){
} }
html+='</div>'; html+='</div>';
$(".card2").html(html) $(".card2").html(html)
$(".user-sign-box >p").text("今日已簽到，禮物已發放至背包，請明日再來") if(sessionStorage.lang==2) $(".user-sign-box >p").text("今日已簽到，禮物已發放至背包，請明日再來")
else $(".user-sign-box >p").text("Signed in, gift in backpack. Come back tomorrow.")
} }
}) })
}) })
}else{ }else{
$(".user-sign-box >p").text("今日已簽到，禮物已發放至背包，請明日再來") if(sessionStorage.lang==2) $(".user-sign-box >p").text("今日已簽到，禮物已發放至背包，請明日再來")
else $(".user-sign-box >p").text("Signed in, gift in backpack. Come back tomorrow.")
var html=''; var html='';
html+='<div class="card-content">'; html+='<div class="card-content">';
if(list.checkinReward==4){ if(list.checkinReward==4){
html+='<img src="images/g2.png" alt="">'; html+='<img src="images/g2.png" alt="">';
html+='<p>女神花束*1</p>'; if(sessionStorage.lang==2)html+='<p>女神花束*1</p>';
else html+='<p>flowers*1</p>';
} }
else{ else{
html+='<img src="images/g1.png" alt="">'; html+='<img src="images/g1.png" alt="">';
html+='<p>女神硬幣*'+list.checkinReward+'</p>'; if(sessionStorage.lang==2)html+='<p>女神硬幣*'+list.checkinReward+'</p>';
else html+='<p>goddess coin*'+list.checkinReward+'</p>';
} }
html+='</div>'; html+='</div>';
$(".card2").html(html) $(".card2").html(html)
...@@ -387,7 +406,8 @@ $(function(){ ...@@ -387,7 +406,8 @@ $(function(){
//儲值抽獎 //儲值抽獎
if(list.status==-1){ if(list.status==-1){
//未達標 //未達標
$(".lucky-btn").addClass("lucky-btn2").text("點擊前往儲值 >") if(sessionStorage.lang==2)$(".lucky-btn").addClass("lucky-btn2").text("點擊前往儲值 >")
else $(".lucky-btn").addClass("lucky-btn2").text("Go to recharge >")
$(".lucky-btn").unbind("click").on("click",function(){ $(".lucky-btn").unbind("click").on("click",function(){
window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
}) })
...@@ -400,7 +420,8 @@ $(function(){ ...@@ -400,7 +420,8 @@ $(function(){
} }
else if(list.status==1){ else if(list.status==1){
//已領取 //已領取
$(".lucky-btn").addClass("lucky-btn2").text("已獲得"+list.todayRewardDiamond+"寶石") if(sessionStorage.lang==2)$(".lucky-btn").addClass("lucky-btn2").text("已獲得"+list.todayRewardDiamond+"寶石")
else $(".lucky-btn").addClass("lucky-btn2").text("Already obtained"+list.todayRewardDiamond+"GEMs")
} }
} }
if(i==2){ if(i==2){
...@@ -413,7 +434,9 @@ $(function(){ ...@@ -413,7 +434,9 @@ $(function(){
} }
else{ else{
//已購買 //已購買
$(".gift-btn").addClass("gift-btn2").text("今日已購買") if(sessionStorage.lang==2) $(".gift-btn").addClass("gift-btn2").text("今日已購買")
else $(".gift-btn").addClass("gift-btn2").text("Purchased today")
} }
} }
if(i==3){ if(i==3){
...@@ -425,8 +448,14 @@ $(function(){ ...@@ -425,8 +448,14 @@ $(function(){
}) })
}else{ }else{
//已購買 //已購買
if(sessionStorage.lang==2){
$(".vip-btn").addClass("vip-btn2").text("已購買：有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日") $(".vip-btn").addClass("vip-btn2").text("已購買：有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日")
$(".layer-vip-p3").text("已購買：有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日") $(".layer-vip-p3").text("已購買：有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日")
}else{
$(".vip-btn").addClass("vip-btn2").text("Purchased until"+timeGet(list.validEndTime)[1]+"-"+timeGet(list.validEndTime)[2]+"")
$(".layer-vip-p3").text("Purchased until"+timeGet(list.validEndTime)[1]+"-"+timeGet(list.validEndTime)[2]+"")
}
} }
} }
} }
......
activeFt/goddess/lib/default.js
...@@ -68,7 +68,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1 ...@@ -68,7 +68,7 @@ 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 =11146505; sessionStorage.uid =11146505;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=11134747; sessionStorage.roomId=11134747;
......
activeFt/goddess/oldView.html
...@@ -45,8 +45,6 @@ ...@@ -45,8 +45,6 @@
$(function(){ $(function(){
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
$(".act-room-tips1").text("the one ahead")
$(".act-room-tips2").text("rank")
} }
$(".act-room-bg1").on("click",function(){ $(".act-room-bg1").on("click",function(){
var obj = { var obj = {
...@@ -73,8 +71,14 @@ $(function(){ ...@@ -73,8 +71,14 @@ $(function(){
if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2") if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
$(".act-room-bg1").show() $(".act-room-bg1").show()
$(".act-room-p2").text(data.result.roomData.score) $(".act-room-p2").text(data.result.roomData.score)
if(sessionStorage.lang==2){
$(".act-room-p3").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%') $(".act-room-p3").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").text("排名 : "+data.result.roomData.rank+"") $(".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+"")
}
} }
}) })
} }
......
activeFt/goddess/rule.html
...@@ -40,6 +40,9 @@ ...@@ -40,6 +40,9 @@
<script src="lib/default.js?v='2023120901'"></script> <script src="lib/default.js?v='2023120901'"></script>
<script> <script>
$(function(){ $(function(){
if(sessionStorage.lang!=2){
$(".back").attr("src","images/en/back.png")
}
if(sessionStorage.lang==2)var titleName="女神物語" if(sessionStorage.lang==2)var titleName="女神物語"
else var titleName="Goddess Chronicles" else var titleName="Goddess Chronicles"
var obj = { var obj = {
......
footseenIcon/action/css/index.css
...@@ -3,8 +3,10 @@ ...@@ -3,8 +3,10 @@
background-size: 100% 100%; background-size: 100% 100%;
} }
.bg-en .act-room-bg2 { .bg-en .act-room-bg2 {
background: url(../images/act-room-bg2.png) no-repeat; background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
height: 6rem;
width: 10rem;
} }
.act-room-bg1 { .act-room-bg1 {
width: 10rem; width: 10rem;
...@@ -15,8 +17,8 @@ ...@@ -15,8 +17,8 @@
} }
.act-room-bg2 { .act-room-bg2 {
position: relative; position: relative;
width: 10rem; width: 9rem;
height: 7.251rem; height: 6rem;
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%;
transform: scale(0.85); transform: scale(0.85);
......
footseenIcon/action/css/index.less
...@@ -4,8 +4,10 @@ ...@@ -4,8 +4,10 @@
background-size: 100% 100%; background-size: 100% 100%;
} }
.act-room-bg2{ .act-room-bg2{
background: url(../images/act-room-bg2.png)no-repeat; background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
height: 6rem;
width: 10rem;
} }
} }
.act-room-bg1{ .act-room-bg1{
...@@ -17,8 +19,8 @@ ...@@ -17,8 +19,8 @@
} }
.act-room-bg2{ .act-room-bg2{
position: relative; position: relative;
width: 10rem; width: 9rem;
height: 7.251rem; height: 6rem;
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%;
transform: scale(0.85); transform: scale(0.85);
......
footseenIcon/action/images/en/act-room-bg.png
footseenIcon/action/images/en/act-room-bg.png

11.5 KB | W: | H:

footseenIcon/action/images/en/act-room-bg.png

14.2 KB | W: | H:

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

6.52 KB | W: | H:

footseenIcon/action/images/en/act-room-bg2.png

6.48 KB | W: | H:

footseenIcon/action/images/en/act-room-bg2.png
footseenIcon/action/images/en/act-room-bg2.png
footseenIcon/action/images/en/act-room-bg2.png
footseenIcon/action/images/en/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/action/index.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css"> <link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/index.css?v=2024061701"> <link rel="stylesheet" href="css/index.css?v=2024073101">
<link rel="stylesheet" href="css/liMarquee.css"> <link rel="stylesheet" href="css/liMarquee.css">
<style> <style>
.layui-layer-shade { .layui-layer-shade {
...@@ -54,7 +54,7 @@ $(function(){ ...@@ -54,7 +54,7 @@ $(function(){
"type":1, "type":1,
// "width":314, // "width":314,
"width":120, "width":120,
"height":73, "height":87.6,
'unit':2, 'unit':2,
"position":1 "position":1
} }
...@@ -69,10 +69,18 @@ $(function(){ ...@@ -69,10 +69,18 @@ $(function(){
console.log('获取主播信息',data) console.log('获取主播信息',data)
if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2") if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
$(".act-room-bg1").show() $(".act-room-bg1").show()
if(sessionStorage.lang==2){
$(".act-room-p1").text('主播積分 : '+data.result.roomData.score) $(".act-room-p1").text('主播積分 : '+data.result.roomData.score)
$(".act-room-p2").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%') $(".act-room-p2").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("排名 : --") if(data.result.roomData.rank==-1)$(".act-room-p3").text("排名 : --")
else $(".act-room-p3").text("排名 : "+data.result.roomData.rank+"") else $(".act-room-p3").text("排名 : "+data.result.roomData.rank+"")
}else{
$(".act-room-p1").text('score : '+data.result.roomData.score)
$(".act-room-p2").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("rank : --")
else $(".act-room-p3").text("rank : "+data.result.roomData.rank+"")
}
} }
}) })
} }
......
footseenIcon/liveData2/css/index.css
...@@ -147,23 +147,23 @@ ...@@ -147,23 +147,23 @@
.bg-en .act-room-bg2 { .bg-en .act-room-bg2 {
background: url(../images/en/act-room-bg2.png) no-repeat; background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
height: 6rem;
width: 10rem;
} }
.act-room-bg1 { .act-room-bg1 {
width: 10rem; width: 10rem;
height: 6.0511rem; height: 6.085rem;
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%;
position: absolute; position: relative;
right: -33vw; right: 0.8vw;
top: -20vw; top: -20vw;
transform: scale(0.33); transform: scale(0.33);
} }
.act-room-bg2 { .act-room-bg2 {
position: absolute; position: relative;
width: 8rem; width: 9rem;
height: 5.44rem; height: 6rem;
right: -25vw;
top: -19vw;
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%;
} }
...@@ -171,22 +171,23 @@ ...@@ -171,22 +171,23 @@
font-size: 0 !important; font-size: 0 !important;
} }
.act-room-p1 { .act-room-p1 {
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 2.7rem;
top: 3rem;
left: 1rem; left: 1rem;
} }
.act-room-p1 span {
color: #1FFFF2;
}
.act-room-p2 { .act-room-p2 {
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 4rem;
top: 4.2rem;
left: 1rem; left: 1rem;
} }
.act-room-p2 span { .act-room-p3 {
color: #1FFFF2; color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 4rem;
left: 5.8rem;
} }
footseenIcon/liveData2/css/index.less
...@@ -158,6 +158,7 @@ ...@@ -158,6 +158,7 @@
} }
//活动 //活动
.bg-en{ .bg-en{
.act-room-bg1{ .act-room-bg1{
background: url(../images/en/act-room-bg.png)no-repeat; background: url(../images/en/act-room-bg.png)no-repeat;
...@@ -166,49 +167,49 @@ ...@@ -166,49 +167,49 @@
.act-room-bg2{ .act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat; background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
height: 6rem;
width: 10rem;
} }
} }
.act-room-bg1{ .act-room-bg1{
width: 10rem; width: 10rem;
height: 6.0511rem; height: 6.085rem;
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%;
position: absolute; position: relative;
right: -33vw; right: 0.8vw;
top: -20vw; top: -20vw;
transform: scale(0.33); transform: scale(0.33);
} }
.act-room-bg2{ .act-room-bg2{
position: absolute; position: relative;
width: 8rem; width: 9rem;
height: 5.44rem; height: 6rem;
right: -25vw;
top: -19vw;
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%;
// transform: scale(0.85);
p{ p{
font-size: 0 !important; font-size: 0 !important;
} }
} }
.act-room-p1{ .act-room-p1{
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 2.7rem;
top: 3rem;
left: 1rem; left: 1rem;
span{
color: #1FFFF2;
}
} }
.act-room-p2{ .act-room-p2{
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 4rem;
top: 4.2rem;
left: 1rem; left: 1rem;
span{ }
color: #1FFFF2; .act-room-p3{
} color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 4rem;
left: 5.8rem;
} }
\ No newline at end of file
footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png

11.4 KB | W: | H:

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

13.8 KB | W: | H:

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

7.09 KB | W: | H:

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

6.02 KB | W: | H:

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

11.5 KB | W: | H:

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

14.2 KB | W: | H:

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

6.52 KB | W: | H:

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

6.48 KB | W: | H:

footseenIcon/liveData2/images/en/act-room-bg2.png
footseenIcon/liveData2/images/en/act-room-bg2.png
footseenIcon/liveData2/images/en/act-room-bg2.png
footseenIcon/liveData2/images/en/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/liveData2/index.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css"> <link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/index.css?v=2023010405"> <link rel="stylesheet" href="css/index.css?v=2024073101">
<link rel="stylesheet" href="css/liMarquee.css"> <link rel="stylesheet" href="css/liMarquee.css">
<style> <style>
.layui-layer-shade { .layui-layer-shade {
...@@ -67,10 +67,10 @@ ...@@ -67,10 +67,10 @@
</div> </div>
</div> </div>
<div class="act-room-bg1"> <div class="act-room-bg1 act-room-bg2">
<div class="act-title"></div> <p class="act-room-p1">主播積分 : 8000</p>
<p class="act-room-p1"></p> <p class="act-room-p2">進度 : 18%</p>
<p class="act-room-p2"></p> <p class="act-room-p3">排名 : 5</p>
</div> </div>
</div> </div>
...@@ -177,7 +177,7 @@ $(function(){ ...@@ -177,7 +177,7 @@ $(function(){
"data": { "data": {
"popupType":2, "popupType":2,
// "width":314, // "width":314,
"url":''+$url+'/activeFt/summer/index.html', "url":''+$url+'/activeFt/goddess/index.html',
"heightR":160, "heightR":160,
"clickBlank":1, "clickBlank":1,
"bottom":'0', "bottom":'0',
......
ftIcon/liveData/css/index.css
...@@ -6,6 +6,14 @@ ...@@ -6,6 +6,14 @@
position: relative; position: relative;
display: none; display: none;
} }
.bg-en .act-room-bg1 {
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%;
}
i { i {
font-style: normal; font-style: normal;
} }
...@@ -135,62 +143,52 @@ i { ...@@ -135,62 +143,52 @@ i {
} }
.act-room-bg1 { .act-room-bg1 {
width: 10rem; width: 10rem;
height: 10.48rem; height: 12.05rem;
background: url(../images/act-room-bg.png) no-repeat; background: url(../images/act-room.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
} }
.act-room-bg1 .act-room-p1 { .act-room-p1 {
font-size: 0.8rem; color: #AC2867;
font-size: 0.35rem;
width: 10rem;
}
.act-room-p2 {
color: #AC2867;
width: 10rem;
height: 3.8rem;
text-align: center;
line-height: 3.8rem;
font-size: 1rem;
font-weight: 700; font-weight: 700;
color: #1FFFF2;
position: absolute; position: absolute;
background: url(../images/act-room-p.png) no-repeat; top: 4.3rem;
background-size: 100% 100%;
left: 2rem;
top: 4rem;
height: 2rem;
line-height: 2rem;
width: 6rem;
text-align: center;
} }
.act-room-bg1 .act-room-p2 { .act-room-p3 {
position: absolute; position: absolute;
left: 2rem; top: 8.6rem;
width: 6rem; color: #AC2867;
font-size: 0.8rem; text-align: left;
font-weight: 700; font-size: 0.85rem;
background: url(../images/act-room-p.png) no-repeat; width: 10rem;
background-size: 100% 100%; text-indent: 2.5rem;
color: #1FFFF2; }
top: 7.85rem; .act-room-p4 {
height: 2rem; position: absolute;
line-height: 2rem; top: 10rem;
text-align: center; color: #AC2867;
text-align: left;
font-size: 0.85rem;
width: 10rem;
text-indent: 2.5rem;
} }
.act-room-bg2 { .act-room-bg2 {
position: relative; width: 10rem;
width: 8rem; height: 7.251rem;
height: 5.44rem;
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%;
transform: scale(0.85);
} }
.act-room-bg2 p { .act-room-bg2 > div {
font-size: 0 !important; display: none;
}
.act-room-tips1 {
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 2.9rem;
}
.act-room-tips2 {
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 6.7rem;
} }
ftIcon/liveData/css/index.less
...@@ -6,6 +6,17 @@ ...@@ -6,6 +6,17 @@
position: relative; position: relative;
display: none; display: none;
} }
.bg-en{
.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%;
}
}
i{ i{
font-style: normal; font-style: normal;
} }
...@@ -154,64 +165,53 @@ i{ ...@@ -154,64 +165,53 @@ i{
} }
.act-room-bg1{ .act-room-bg1{
width: 10rem; width: 10rem;
height: 10.48rem; height: 12.05rem;
background: url(../images/act-room-bg.png)no-repeat; background: url(../images/act-room.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.act-room-p1{ }
font-size: 0.8rem; .act-room-p1{
color: #AC2867;
font-size: 0.35rem;
width: 10rem;
}
.act-room-p2{
color: #AC2867;
width: 10rem;
height: 3.8rem;
// background: pink;
text-align: center;
line-height: 3.8rem;
font-size: 1rem;
font-weight: 700; font-weight: 700;
color: #1FFFF2;
position: absolute; position: absolute;
background: url(../images/act-room-p.png)no-repeat; top: 4.3rem;
background-size: 100% 100%; }
left: 2rem; .act-room-p3{
top: 4rem;
height: 2rem;
line-height: 2rem;
width: 6rem;
text-align: center;
}
.act-room-p2{
position: absolute; position: absolute;
left: 2rem; top: 8.6rem;
width: 6rem; color: #AC2867;
font-size: 0.8rem; text-align: left;
font-weight: 700; font-size: 0.85rem;
background: url(../images/act-room-p.png)no-repeat; width: 10rem;
background-size: 100% 100%; text-indent: 2.5rem;
color: #1FFFF2; }
top: 7.85rem; .act-room-p4{
height: 2rem; position: absolute;
line-height: 2rem; top:10rem;
text-align: center; color: #AC2867;
} text-align: left;
font-size: 0.85rem;
width: 10rem;
text-indent: 2.5rem;
} }
.act-room-bg2{ .act-room-bg2{
position: relative; width: 10rem;
// float: right; height: 7.251rem;
width: 8rem;
height: 5.44rem;
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%;
p{ transform: scale(0.85);
font-size: 0 !important; >div{
display: none;
} }
} }
\ No newline at end of file
.act-room-tips1{
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 2.9rem;
}
.act-room-tips2{
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 6.7rem;
}
\ No newline at end of file
ftIcon/liveData/images/act-room-bg2.png
ftIcon/liveData/images/act-room-bg2.png

7.09 KB | W: | H:

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

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

6.52 KB | W: | H:

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

6.48 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,12 +31,11 @@ ...@@ -31,12 +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-bg1 act-room-bg2">
<div class="act-title"></div> <!-- <div class="act-room-p1">主播積分 : </div> -->
<p class="act-room-tips1">距離上一名</p> <div class="act-room-p2">8000</div>
<p class="act-room-tips2">當前排名</p> <div class="act-room-p3">進度 : 18%</div>
<p class="act-room-p1">--</p> <div class="act-room-p4">排名 : 5</div>
<p class="act-room-p2">--</p>
</div> </div>
<div class="room-bg1"> <div class="room-bg1">
<div class="room-bg-top">人氣</div> <div class="room-bg-top">人氣</div>
...@@ -79,8 +78,6 @@ $(function(){ ...@@ -79,8 +78,6 @@ $(function(){
var socketOk=null var socketOk=null
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
$(".act-room-tips1").text("the one ahead")
$(".act-room-tips2").text("rank")
} }
//活動 //活動
$(".act-room-bg1").on("click",function(){ $(".act-room-bg1").on("click",function(){
...@@ -90,7 +87,7 @@ $(function(){ ...@@ -90,7 +87,7 @@ $(function(){
"data": { "data": {
"msg": '跳转集合功能', "msg": '跳转集合功能',
"jumptype": 3, "jumptype": 3,
"url": $url + "/activeFt/summer/index.html" + location.search, "url": $url + "/activeFt/goddess/index.html" + location.search,
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
...@@ -99,17 +96,18 @@ $(function(){ ...@@ -99,17 +96,18 @@ $(function(){
function ActView(){ function ActView(){
$.ajax({ $.ajax({
url:$ip+'/actSummerDew/getRoomPartData.html', url:$ip+'/actGoddessStory/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('获取主播信息',data) console.log('获取主播信息',data)
$(".act-room-p1").text(data.result.roomData.diffPreScore) if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
$(".act-room-p2").text(data.result.roomData.rank) $(".act-room-bg1").show()
if(data.result.roomData.rank==1){ $(".act-room-p2").text(data.result.roomData.score)
if(sessionStorage.lang==2) $(".act-room-tips1").text("距離被超越") if(sessionStorage.lang==2){
else $(".act-room-tips1").text("Leading") $(".act-room-p3").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p4").text("排名 : "+data.result.roomData.rank+"")
}else{ }else{
if(sessionStorage.lang==2) $(".act-room-tips1").text("距離上一名") $(".act-room-p3").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
else $(".act-room-tips1").text("the one ahead") $(".act-room-p4").text("rank : "+data.result.roomData.rank+"")
} }
} }
}) })
......
ftIcon/liveData/lib/default.js
...@@ -58,7 +58,7 @@ if (bbb.indexOf("http://localhost:63342") > -1) { ...@@ -58,7 +58,7 @@ if (bbb.indexOf("http://localhost:63342") > -1) {
} }
if (bbb.indexOf("file:///") > -1) { if (bbb.indexOf("file:///") > -1) {
sessionStorage.lang=1 sessionStorage.lang=1
sessionStorage.uid = 210102; sessionStorage.uid = 155100;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=155100; sessionStorage.roomId=155100;
sessionStorage.version=8890 sessionStorage.version=8890
......
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