Skip to content

libai / fsActive

Go to a project
Commit c9bacc27 by libai
Options

ft活动上线

parent 40ed0293
Inline Side-by-side
Showing with 208 additions and 233 deletions
activeFt/queen/images/en/layer-gift1.png
activeFt/queen/images/en/layer-gift1.png

77.6 KB | W: | H:

activeFt/queen/images/en/layer-gift1.png

88.3 KB | W: | H:

activeFt/queen/images/en/layer-gift1.png
activeFt/queen/images/en/layer-gift1.png
activeFt/queen/images/en/layer-gift1.png
activeFt/queen/images/en/layer-gift1.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/queen/index.html
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
<div class="ok"></div> <div class="ok"></div>
</div> </div>
<div class="bg"> <div class="bg">
<a href="rule.html"><img class="rule-btn" src="images/rule-btn.png" alt=""></a> <img class="rule-btn" src="images/rule-btn.png" alt="">
<img class="ref" src="images/ref.png" alt=""> <img class="ref" src="images/ref.png" alt="">
<div class="banner"></div> <div class="banner"></div>
<div class="top-btn1"> <div class="top-btn1">
...@@ -183,6 +183,9 @@ $(function(){ ...@@ -183,6 +183,9 @@ $(function(){
show1() show1()
} }
}) })
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
$(".record-btn").on("click",function(){ $(".record-btn").on("click",function(){
layer.open({ layer.open({
type: 1, type: 1,
...@@ -315,7 +318,8 @@ $(function(){ ...@@ -315,7 +318,8 @@ $(function(){
html+='<li>'; html+='<li>';
html+='<div class="layer-fans-box1">'+fansData[i].index+'</div>'; html+='<div class="layer-fans-box1">'+fansData[i].index+'</div>';
html+='<div class="layer-fans-box2"><a href="yazhai://_' + fansData[i].uid + '_zone"><img src="https://big.bgp.ourpow.com/comm'+fansData[i].face+'?x-oss-process=image/resize,w_90"></a>'+fansData[i].name+'</div>'; html+='<div class="layer-fans-box2"><a href="yazhai://_' + fansData[i].uid + '_zone"><img src="https://big.bgp.ourpow.com/comm'+fansData[i].face+'?x-oss-process=image/resize,w_90"></a>'+fansData[i].name+'</div>';
html+='<div class="layer-fans-box3">貢獻值：'+fansData[i].score+'</div>'; if(sessionStorage.lang==2)html+='<div class="layer-fans-box3">貢獻值：'+fansData[i].score+'</div>';
else html+='<div class="layer-fans-box3">score：'+fansData[i].score+'</div>';
html+='</li>'; html+='</li>';
} }
$(".layer-fans-ul").html(html) $(".layer-fans-ul").html(html)
......
activeFt/queen/oldView.html
...@@ -58,7 +58,12 @@ $(function(){ ...@@ -58,7 +58,12 @@ $(function(){
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇'] if(sessionStorage.lang!=2){
$(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:")
}
if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html', url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
......
footseenIcon/action/index.html
...@@ -63,15 +63,22 @@ $(function(){ ...@@ -63,15 +63,22 @@ $(function(){
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇'] if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html', url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('获取主播闯关信息',data) console.log('获取主播闯关信息',data)
$(".act-title").text(titleArr[data.result.level]) $(".act-title").text(titleArr[data.result.level])
$(".act-room-p1").text('主播積分 : '+data.result.score) if(sessionStorage.lang==2){
$(".act-room-p2").text('目標積分 : '+data.result.levelScore) $(".act-room-p1").text('主播積分 : '+data.result.score)
$(".act-room-p2").text('目標積分 : '+data.result.levelScore)
}else{
$(".act-room-p1").text('score : '+data.result.score)
$(".act-room-p2").text('goal : '+data.result.levelScore)
}
} }
}) })
} }
......
footseenIcon/liveData2/css/index.css
...@@ -133,49 +133,36 @@ ...@@ -133,49 +133,36 @@
top: -0.95vw; top: -0.95vw;
} }
.act-room-bg1 { .act-room-bg1 {
position: relative; transform: scale(0.33);
width: 33.33vw; position: absolute;
height: 19.96vw; right: -3.33rem;
background: url(../images/act-room-bg1.png?v=2024061701) no-repeat; top: -1.85rem;
width: 10rem;
height: 5.537rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
overflow: hidden;
float: left;
} }
.act-room-bg1 .room-title { .act-room-p1 {
font-size: 2.66vw; font-size: 0.75rem;
height: 6.66vw; color: #f0edfa;
line-height: 6.327vw; padding-top: 1.9rem;
text-indent: 1rem;
}
.act-room-p2 {
font-size: 0.75rem;
color: #f0edfa;
padding-top: 0.2rem;
text-indent: 1rem;
}
.act-title {
width: 5.07rem;
line-height: 1.4rem;
color: #fff; color: #fff;
font-size: 0.8rem;
text-align: center; text-align: center;
} font-weight: 700;
.act-room-bg1 .room-bg-p1 { height: 1.5rem;
color: #fff;
font-size: 2.66vw;
text-indent: 2.997vw;
padding-top: 0.66vw;
}
.act-room-bg1 .room-bg-p1 span {
color: #F83AFF;
}
.act-room-bg1 .room-bg-p2 {
position: absolute;
top: 12.987vw;
color: #fff;
font-size: 2.66vw;
text-indent: 2.997vw;
}
.act-room-bg1 .room-bg-p2 span {
color: #F83AFF;
}
.act-room-bg1 .room-bg-p3 {
color: #fff;
font-size: 2.66vw;
text-indent: 2.997vw;
/* padding-top: 0.4rem; */
position: absolute; position: absolute;
top: 12.987vw; left: 2.45rem;
left: 17.8vw; text-shadow: 0.05rem 0.05rem 0.05rem #170060, -0.05rem 0.05rem 0.05rem #170060, 0.05rem -0.05rem 0.05rem #170060, -0.05rem -0.05rem 0.05rem #170060;
}
.act-room-bg1 .room-bg-p3 span {
color: #F83AFF;
} }
footseenIcon/liveData2/css/index.less
...@@ -151,49 +151,39 @@ ...@@ -151,49 +151,39 @@
//活动 //活动
.act-room-bg1{ .act-room-bg1{
position: relative; transform: scale(0.33);
width: 33.33vw; position: absolute;
height: 19.96vw; right: -3.33rem;
background: url(../images/act-room-bg1.png?v=2024061701)no-repeat; top: -1.85rem;
width: 10rem;
height: 5.537rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
overflow: hidden; }
float: left; .act-room-p1{
.room-title{ font-size: 0.75rem;
font-size: 2.66vw; color: #f0edfa;
height: 6.66vw; padding-top: 1.9rem;
line-height: 6.327vw; text-indent: 1rem;
color: #fff; }
text-align: center; .act-room-p2{
} font-size: 0.75rem;
.room-bg-p1{ color: #f0edfa;
color: #fff; padding-top: 0.2rem;
font-size: 2.66vw; text-indent: 1rem;
text-indent: 2.997vw; }
padding-top: 0.66vw; .act-title{
span{ width: 5.07rem;
color: #F83AFF; line-height: 1.4rem;
} color: #fff;
} font-size: 0.8rem;
.room-bg-p2{ text-align: center;
position: absolute; font-weight: 700;
top: 12.987vw; // background: pink;
color: #fff; height: 1.5rem;
font-size: 2.66vw; position: absolute;
text-indent: 2.997vw; left: 2.45rem;
span{ text-shadow: 0.05rem 0.05rem 0.05rem #170060,-0.05rem 0.05rem 0.05rem #170060,0.05rem -0.05rem 0.05rem #170060,-0.05rem -0.05rem 0.05rem #170060;
color: #F83AFF;
}
}
.room-bg-p3{
color: #fff;
font-size: 2.66vw;
text-indent: 2.997vw;
/* padding-top: 0.4rem; */
position: absolute;
top: 12.987vw;
left: 17.8vw;
span{
color: #F83AFF;
}
}
} }
footseenIcon/liveData2/index.html
...@@ -29,12 +29,7 @@ ...@@ -29,12 +29,7 @@
</style> </style>
</head> </head>
<body style="background:rgba(0,0,0,0)"> <body style="background:rgba(0,0,0,0)">
<div style="display: none;" class="act-room-bg1 ">
<div class="room-title">新秀出道</div>
<p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p>
<p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p>
<p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></p>
</div>
<div class="room-bg1"> <div class="room-bg1">
<div class="room-bg-top">人氣</div> <div class="room-bg-top">人氣</div>
<!-- <div class="room-targe">目標:</div> --> <!-- <div class="room-targe">目標:</div> -->
...@@ -69,6 +64,11 @@ ...@@ -69,6 +64,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="act-room-bg1">
<div class="act-title"></div>
<p class="act-room-p1">主播積分 :</p>
<p class="act-room-p2">目標積分 :</p>
</div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script>
...@@ -79,41 +79,29 @@ $(function(){ ...@@ -79,41 +79,29 @@ $(function(){
var wsTimer=null var wsTimer=null
var socketOk=null var socketOk=null
//活動 //活動
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈'] if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
if(sessionStorage.lang!=2){ else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
var titleArr=['','First level','Second level','Third level'] function actView(){
$(".en-t1").html('score')
$(".en-t2").html("PROG")
$(".en-t3").html("rank")
}
// setTimeout(function() {
// RoomView()
// wsTimer=setInterval(function(){
// RoomView()
// },60000)
// }, 2000);
function RoomView(){
$.ajax({ $.ajax({
url:$ip+'/actRaisingBeautifulGril/getRoomPartData.html', url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
success:function(data){ success:function(data){
console.log(data) console.log('获取主播闯关信息',data)
if(data.result.rank>0){ $(".act-title").text(titleArr[data.result.level])
console.log(data) if(sessionStorage.lang==2){
$(".act-room-bg1").show() $(".act-room-p1").text('主播積分 : '+data.result.score)
$(".room-title").text(titleArr[data.result.targetData.stage]) $(".act-room-p2").text('目標積分 : '+data.result.levelScore)
$(".room-bg-p1 span").text(data.result.score)
var barWidth=Math.floor(data.result.score/data.result.targetData.stageScore*100)
$(".room-bg-p2 span").text(barWidth+'%')
$(".room-bg-p3 span").text(data.result.rank)
}else{ }else{
$(".act-room-bg1").hide() $(".act-room-p1").text('score : '+data.result.score)
clearInterval(wsTimer) $(".act-room-p2").text('goal : '+data.result.levelScore)
} }
} }
}) })
} }
getData() actView()
setInterval(function(){
actView()
},60000)
function getData() { function getData() {
var opts = { var opts = {
...@@ -167,7 +155,7 @@ $(function(){ ...@@ -167,7 +155,7 @@ $(function(){
"type":1, "type":1,
// "width":314, // "width":314,
"width":360, "width":360,
"height":72, "height":66,
'unit':2, 'unit':2,
"position":1 "position":1
} }
......
footseenIcon/liveData2/lib/default.js
...@@ -46,7 +46,7 @@ if (bbb.indexOf("http://localhost:63342") > -1) { ...@@ -46,7 +46,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 = 210102;
sessionStorage.token = '5c3c1add2cd0451b9ab33be30115f824' sessionStorage.token = 'debug'
sessionStorage.roomId=210102; sessionStorage.roomId=210102;
sessionStorage.version=8890 sessionStorage.version=8890
sessionStorage.cid='web' sessionStorage.cid='web'
......
ftIcon/liveData/css/index.css
...@@ -126,43 +126,45 @@ i { ...@@ -126,43 +126,45 @@ i {
margin-top: 4vw; margin-top: 4vw;
} }
.act-room-bg1 { .act-room-bg1 {
position: relative;
width: 10rem; width: 10rem;
height: 8.885rem; height: 8.064rem;
background: url(../images/act-room-bg1.png?v=2024061701) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
} }
.act-room-bg1 .room-title { .act-title {
font-size: 0.8rem; width: 5.07rem;
height: 2rem; line-height: 1.4rem;
line-height: 1.9rem;
color: #fff; color: #fff;
font-size: 0.8rem;
text-align: center; text-align: center;
font-weight: 700;
height: 1.5rem;
position: absolute;
left: 2.45rem;
text-shadow: 0.05rem 0.05rem 0.05rem #170060, -0.05rem 0.05rem 0.05rem #170060, 0.05rem -0.05rem 0.05rem #170060, -0.05rem -0.05rem 0.05rem #170060;
} }
.act-room-bg1 .room-bg-p1 { .act-room-p1 {
color: #fff; font-size: 0.6rem;
font-size: 0.85rem; color: #f0edfa;
text-indent: 0.9rem; text-align: center;
padding-top: 0.4rem; padding-top: 1.85rem;
}
.act-room-bg1 .room-bg-p1 span {
color: #F83AFF;
}
.act-room-bg1 .room-bg-p2 {
color: #fff;
font-size: 0.85rem;
text-indent: 0.9rem;
padding-top: 0.4rem;
} }
.act-room-bg1 .room-bg-p2 span { .act-room-p2 {
color: #F83AFF; font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
} }
.act-room-bg1 .room-bg-p3 { .act-room-p3 {
color: #fff; font-size: 0.6rem;
font-size: 0.85rem; color: #f0edfa;
text-indent: 0.9rem; text-align: center;
padding-top: 0.4rem; padding-top: 0.6rem;
} }
.act-room-bg1 .room-bg-p3 span { .act-room-p4 {
color: #F83AFF; font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
} }
ftIcon/liveData/css/index.less
...@@ -141,43 +141,46 @@ i{ ...@@ -141,43 +141,46 @@ i{
} }
//活動 //活動
.act-room-bg1{ .act-room-bg1{
position: relative;
width: 10rem; width: 10rem;
height: 8.885rem; height: 8.064rem;
background: url(../images/act-room-bg1.png?v=2024061701)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; }
.room-title{ .act-title{
font-size: 0.8rem; width: 5.07rem;
height: 2rem; line-height: 1.4rem;
line-height: 1.9rem; color: #fff;
color: #fff; font-size: 0.8rem;
text-align: center; text-align: center;
} font-weight: 700;
.room-bg-p1{ // background: pink;
color: #fff; height: 1.5rem;
font-size: 0.85rem; position: absolute;
text-indent: 0.9rem; left: 2.45rem;
padding-top: 0.4rem; text-shadow: 0.05rem 0.05rem 0.05rem #170060,-0.05rem 0.05rem 0.05rem #170060,0.05rem -0.05rem 0.05rem #170060,-0.05rem -0.05rem 0.05rem #170060;
span{ }
color: #F83AFF; .act-room-p1{
} font-size: 0.6rem;
} color: #f0edfa;
.room-bg-p2{ text-align: center;
color: #fff; padding-top: 1.85rem;
font-size: 0.85rem; }
text-indent: 0.9rem; .act-room-p2{
padding-top: 0.4rem; font-size: 0.7rem;
span{ color: #f0edfa;
color: #F83AFF; text-align: center;
} padding-top: 0.35rem;
} }
.room-bg-p3{ .act-room-p3{
color: #fff; font-size: 0.6rem;
font-size: 0.85rem; color: #f0edfa;
text-indent: 0.9rem; text-align: center;
padding-top: 0.4rem; padding-top: 0.6rem;
span{ }
color: #F83AFF; .act-room-p4{
} font-size: 0.7rem;
} color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
} }
\ No newline at end of file
ftIcon/liveData/index.html
...@@ -31,11 +31,12 @@ ...@@ -31,11 +31,12 @@
</style> </style>
</head> </head>
<body style="background:rgba(0,0,0,0)"> <body style="background:rgba(0,0,0,0)">
<div style="display: none;" class="act-room-bg1 "> <div class="act-room-bg1">
<div class="room-title">新秀出道</div> <div class="act-title"></div>
<p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p> <p class="act-room-p1">主播積分:</p>
<p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p> <p class="act-room-p2">--</p>
<p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></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,40 +78,6 @@ $(function(){ ...@@ -77,40 +78,6 @@ $(function(){
var wsTimer=null var wsTimer=null
var socketOk=null var socketOk=null
//活動 //活動
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
if(sessionStorage.lang!=2){
var titleArr=['','First level','Second level','Third level']
$(".en-t1").html('score')
$(".en-t2").html("PROG")
$(".en-t3").html("rank")
}
setTimeout(function() {
RoomView()
wsTimer=setInterval(function(){
RoomView()
},60000)
}, 2000);
function RoomView(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getRoomPartData.html',
success:function(data){
console.log(data)
if(data.result.rank>0){
console.log(data)
$(".act-room-bg1").show()
$(".room-title").text(titleArr[data.result.targetData.stage])
$(".room-bg-p1 span").text(data.result.score)
var barWidth=Math.floor(data.result.score/data.result.targetData.stageScore*100)
$(".room-bg-p2 span").text(barWidth+'%')
$(".room-bg-p3 span").text(data.result.rank)
}else{
$(".act-room-bg1").hide()
clearInterval(wsTimer)
}
}
})
}
// getData()
$(".act-room-bg1").on("click",function(){ $(".act-room-bg1").on("click",function(){
var obj = { var obj = {
"cid": 12, "cid": 12,
...@@ -118,12 +85,33 @@ $(function(){ ...@@ -118,12 +85,33 @@ $(function(){
"data": { "data": {
"msg": '跳转集合功能', "msg": '跳转集合功能',
"jumptype": 3, "jumptype": 3,
"url": $url + "/activeFt/develop/index.html" + location.search, "url": $url + "/activeFt/queen/index.html" + location.search,
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
if(sessionStorage.lang!=2){
$(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:")
}
if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
function ActView(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
success:function(data){
console.log('获取主播闯关信息',data)
$(".act-title").text(titleArr[data.result.level])
$(".act-room-p2").text(data.result.score)
$(".act-room-p4").text(data.result.levelScore)
}
})
}
ActView()
setInterval(function(){
ActView()
},60000)
function getData() { function getData() {
var opts = { var opts = {
reconnectionDelay: 5000, reconnectionDelay: 5000,
......
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