Skip to content

libai / fsActive

Go to a project
Commit d993f1b4 by libai
Options

ft活动上线

parent 30f5843f
Inline Side-by-side
Showing with 65 additions and 64 deletions
footseenIcon/action/css/index.css
.bg-en .act-room-bg1 { .bg-en .act-room-bg1 {
background: url(../images/en/act-room-bg.png?v=2024080101) no-repeat; background: url(../images/en/act-room-bg.png) no-repeat;
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?v=2024080101) 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?v=2024080101) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
} }
.act-room-bg2 { .act-room-bg2 {
position: relative; position: relative;
width: 8rem; width: 9rem;
height: 5.44rem; height: 6rem;
background: url(../images/en/act-room-bg2.png?v=2024080101) 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 p {
display: none;
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/action/css/index.less
.bg-en{ .bg-en{
.act-room-bg1{ .act-room-bg1{
background: url(../images/en/act-room-bg.png?v=2024080101)no-repeat; background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.act-room-bg2{ .act-room-bg2{
background: url(../images/act-room-bg2.png?v=2024080101)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?v=2024080101)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
} }
.act-room-bg2{ .act-room-bg2{
position: relative; position: relative;
width: 8rem; width: 9rem;
height: 5.44rem; height: 6rem;
background: url(../images/en/act-room-bg2.png?v=2024080101)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{
display: none;
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/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png

11.4 KB | W: | H:

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

13.8 KB | W: | H:

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

7.09 KB | W: | H:

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

6.02 KB | W: | H:

footseenIcon/action/images/act-room-bg2.png
footseenIcon/action/images/act-room-bg2.png
footseenIcon/action/images/act-room-bg2.png
footseenIcon/action/images/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
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=2024071701"> <link rel="stylesheet" href="css/index.css?v=2024080101">
<link rel="stylesheet" href="css/liMarquee.css"> <link rel="stylesheet" href="css/liMarquee.css">
<style> <style>
.layui-layer-shade { .layui-layer-shade {
...@@ -30,10 +30,10 @@ ...@@ -30,10 +30,10 @@
</head> </head>
<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-bg1 act-room-bg2"> <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>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -43,13 +43,10 @@ ...@@ -43,13 +43,10 @@
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script> <script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script> <script>
$(function(){ $(function(){
var jumpType=1
var wsTimer=null var wsTimer=null
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
} }
var obj = { var obj = {
"cid": 43, "cid": 43,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
...@@ -57,7 +54,7 @@ $(function(){ ...@@ -57,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
} }
...@@ -67,22 +64,21 @@ $(function(){ ...@@ -67,22 +64,21 @@ $(function(){
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actSummerDew/getRoomPartData.html', url:$ip+'/actGoddessStory/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('获取主播信息',data) console.log('获取主播信息',data)
if(data.result.userData.signReceive!=0&&data.result.roomData.rank!=-1)$(".act-room-bg1").removeClass("act-room-bg2").fadeIn(200) if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
else{ $(".act-room-bg1").show()
$(".act-room-bg1").addClass("act-room-bg2").fadeIn(200)
jumpType=2
}
if(sessionStorage.lang==2){ if(sessionStorage.lang==2){
if(data.result.roomData.rank==1)$(".act-room-p1").html('距離被超越 :<span>'+data.result.roomData.diffPreScore+'</span>') $(".act-room-p1").text('主播積分 : '+data.result.roomData.score)
else $(".act-room-p1").html('距離上一名 : <span>'+data.result.roomData.diffPreScore+'</span>') $(".act-room-p2").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p2").html('當前排名 : <span>'+data.result.roomData.rank+'</span>') if(data.result.roomData.rank==-1)$(".act-room-p3").text("排名 : --")
else $(".act-room-p3").text("排名 : "+data.result.roomData.rank+"")
}else{ }else{
if(data.result.roomData.rank==1)$(".act-room-p1").html('Leading : <span>'+data.result.roomData.diffPreScore+'</span>') $(".act-room-p1").text('score : '+data.result.roomData.score)
else $(".act-room-p1").html('the one ahead : <span>'+data.result.roomData.diffPreScore+'</span>') $(".act-room-p2").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
$(".act-room-p2").html('rank : <span>'+data.result.roomData.rank+'</span>') if(data.result.roomData.rank==-1)$(".act-room-p3").text("rank : --")
else $(".act-room-p3").text("rank : "+data.result.roomData.rank+"")
} }
} }
...@@ -99,7 +95,7 @@ $(function(){ ...@@ -99,7 +95,7 @@ $(function(){
"data": { "data": {
"popupType":2, "popupType":2,
// "width":314, // "width":314,
"url":''+$url+'/activeFt/summer/index.html?jumpType='+jumpType, "url":''+$url+'/activeFt/goddess/index.html',
"heightR":160, "heightR":160,
"clickBlank":1, "clickBlank":1,
"bottom":'0', "bottom":'0',
......
footseenIcon/action/lib/default.js
...@@ -43,7 +43,7 @@ if (uid.indexOf("http://localhost:63342") > -1) { ...@@ -43,7 +43,7 @@ if (uid.indexOf("http://localhost:63342") > -1) {
sessionStorage.roomId=23864554 sessionStorage.roomId=23864554
} }
if (uid.indexOf("file:///") > -1) { if (uid.indexOf("file:///") > -1) {
sessionStorage.lang=1 sessionStorage.lang=2
sessionStorage.uid = 210102; sessionStorage.uid = 210102;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=210102; sessionStorage.roomId=210102;
......
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