Skip to content

libai / fsActive

Go to a project
Commit e0eff324 by libai
Options

ft活动上线

parent 22d27a74
Expand all
Inline Side-by-side
Showing with 691 additions and 172 deletions
activeFt/queen/css/index.css
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
background: url(../images/bg.png) repeat-y; background: url(../images/bg.png) repeat-y;
background-size: 100% auto; background-size: 100% auto;
width: 10rem; width: 10rem;
overflow: hidden;
} }
.banner { .banner {
width: 10rem; width: 10rem;
...@@ -44,7 +45,6 @@ ...@@ -44,7 +45,6 @@
} }
.mc-box { .mc-box {
width: 10rem; width: 10rem;
height: 6.9rem;
position: relative; position: relative;
} }
.floor { .floor {
...@@ -65,6 +65,26 @@ ...@@ -65,6 +65,26 @@
background: url(../images/k6.png) no-repeat; background: url(../images/k6.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.k5 {
background: url(../images/k5.png) no-repeat;
background-size: 100% 100%;
}
.k4 {
background: url(../images/k4.png) no-repeat;
background-size: 100% 100%;
}
.k3 {
background: url(../images/k3.png) no-repeat;
background-size: 100% 100%;
}
.k2 {
background: url(../images/k2.png) no-repeat;
background-size: 100% 100%;
}
.k1 {
background: url(../images/k1.png) no-repeat;
background-size: 100% 100%;
}
.mc-box-tips { .mc-box-tips {
color: #fff; color: #fff;
font-size: 0.3rem; font-size: 0.3rem;
...@@ -76,6 +96,7 @@ ...@@ -76,6 +96,7 @@
} }
.card-content { .card-content {
margin-top: 0.3rem; margin-top: 0.3rem;
height: 4.013rem;
} }
.card-box { .card-box {
width: 2.386rem; width: 2.386rem;
...@@ -102,6 +123,10 @@ ...@@ -102,6 +123,10 @@
.card-p1 { .card-p1 {
text-align: center; text-align: center;
width: 2.2rem; width: 2.2rem;
height: 0.45rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 auto; margin: 0 auto;
font-size: 0.3rem; font-size: 0.3rem;
color: #fff; color: #fff;
...@@ -203,3 +228,272 @@ ...@@ -203,3 +228,272 @@
.task5 { .task5 {
top: 8.8rem; top: 8.8rem;
} }
.live {
position: absolute;
width: 0.906rem;
right: 0;
top: 0;
z-index: 5;
}
.task-img1 {
background: url(../images/task1.png) no-repeat;
background-size: 100% 100%;
}
.task-img2 {
background: url(../images/task2.png) no-repeat;
background-size: 100% 100%;
}
.task-img3 {
background: url(../images/task3.png) no-repeat;
background-size: 100% 100%;
}
.task-img4 {
background: url(../images/task4.png) no-repeat;
background-size: 100% 100%;
}
.task-img5 {
background: url(../images/task5.png) no-repeat;
background-size: 100% 100%;
}
.layer-gift1 {
width: 9.62rem;
height: 8.4rem;
background: url(../images/layer-gift1.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.gift-img-box {
width: 2rem;
height: 2rem;
position: absolute;
left: 3.77rem;
top: 1.95rem;
text-align: center;
line-height: 2rem;
}
.gift-img-box img {
width: 2rem;
}
.gift1-p {
font-size: 0.35rem;
color: #fff;
font-weight: 700;
text-align: center;
padding-top: 4.2rem;
}
.gift1-p span {
color: yellow;
}
.ok {
width: 3.4rem;
height: 1.373rem;
background: url(../images/ok.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
margin-left: -1.75rem;
top: 4.75rem;
}
.layer-gift10 {
width: 9.62rem;
height: 13.293rem;
background: url(../images/layer-gift2.png) no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
}
.layer-gift10 .ok {
top: 10.3rem;
}
.layer-gift-ul {
width: 9.2rem;
height: 8.4rem;
margin: 0 auto;
margin-top: 1.4rem;
}
.layer-gift-ul li {
position: relative;
width: 2.132rem;
height: 1.973rem;
line-height: 1.973rem;
background: url(../images/gift-bg.png) no-repeat;
background-size: 100% 100%;
float: left;
margin-left: 0.13rem;
margin-bottom: 0.8rem;
text-align: center;
font-size: 0;
}
.layer-gift-ul li > img {
vertical-align: middle;
width: 1.8rem;
}
.layer-gift-ul li > p {
font-size: 0.3rem;
text-align: center;
width: 2.132rem;
position: absolute;
color: #fff;
height: 0.5rem;
line-height: 0.5rem;
top: 2.05rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.layer-gift-ul li > p span {
color: yellow;
}
.lucky-gift-box {
width: 9.62rem;
height: 15.053rem;
background: url(../images/lucky-gift-box.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin: 0 auto;
}
.layer-fans {
width: 9.62rem;
height: 6.346rem;
background: url(../images/layer-fans.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin-bottom: 5rem;
overflow: hidden;
}
.layer-fans-ul {
width: 9rem;
margin: 0 auto;
height: 3.72rem;
margin-top: 1.38rem;
}
.layer-fans-ul li {
height: 1.24rem;
width: 9rem;
position: relative;
}
.layer-fans-ul .layer-fans-box1 {
width: 1.75rem;
height: 1.24rem;
float: left;
position: relative;
font-size: 0.45rem;
text-align: center;
line-height: 1.24rem;
color: #efd9ff;
}
.layer-fans-ul .layer-fans-box2 {
width: 3.85rem;
height: 1.24rem;
line-height: 1.24rem;
float: left;
position: relative;
color: #efd9ff;
font-size: 0.38rem;
}
.layer-fans-ul .layer-fans-box3 {
width: 3.4rem;
height: 1.24rem;
line-height: 1.24rem;
float: left;
position: relative;
color: #efd9ff;
font-size: 0.38rem;
}
.mc-nav {
position: fixed;
bottom: 0;
left: 0;
z-index: 500;
width: 10rem;
height: 1.97rem;
background: url(../images/nav.png) no-repeat;
background-size: 100% 100%;
display: none;
}
.mc-nav-box1 {
width: 2rem;
height: 1.97rem;
float: left;
position: relative;
text-align: center;
font-size: 0;
line-height: 1.97rem;
}
.mc-nav-box1 img {
vertical-align: middle;
width: 1.3rem;
height: 1.3rem;
border-radius: 100%;
}
.mc-nav-box2 {
width: 4.5rem;
height: 1.97rem;
line-height: 1.97rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #efd9ff;
}
.mc-nav-box2 > span {
position: absolute;
top: 0.33rem;
left: 2.1rem;
margin-left: 0.5rem;
}
.mc-nav-box2 > span img {
width: 3rem;
}
.mc-nav-box3 {
width: 3.5rem;
height: 1.97rem;
line-height: 1.97rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #efd9ff;
text-indent: 0.8rem;
}
.act-room-bg1 {
position: relative;
width: 10rem;
height: 8.064rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.act-title {
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
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-p1 {
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
padding-top: 1.85rem;
}
.act-room-p2 {
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
.act-room-p3 {
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
padding-top: 0.6rem;
}
.act-room-p4 {
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
activeFt/queen/css/index.less
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
background: url(../images/bg.png)repeat-y; background: url(../images/bg.png)repeat-y;
background-size: 100% auto; background-size: 100% auto;
width: 10rem; width: 10rem;
overflow: hidden;
} }
.banner{ .banner{
width: 10rem; width: 10rem;
...@@ -44,7 +45,6 @@ ...@@ -44,7 +45,6 @@
} }
.mc-box{ .mc-box{
width: 10rem; width: 10rem;
height: 6.9rem;
position: relative; position: relative;
// background: pink; // background: pink;
} }
...@@ -67,6 +67,26 @@ ...@@ -67,6 +67,26 @@
background: url(../images/k6.png)no-repeat; background: url(../images/k6.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.k5 {
background: url(../images/k5.png) no-repeat;
background-size: 100% 100%;
}
.k4 {
background: url(../images/k4.png) no-repeat;
background-size: 100% 100%;
}
.k3 {
background: url(../images/k3.png) no-repeat;
background-size: 100% 100%;
}
.k2 {
background: url(../images/k2.png) no-repeat;
background-size: 100% 100%;
}
.k1 {
background: url(../images/k1.png) no-repeat;
background-size: 100% 100%;
}
.mc-box-tips{ .mc-box-tips{
color: #fff; color: #fff;
font-size: 0.3rem; font-size: 0.3rem;
...@@ -78,6 +98,7 @@ ...@@ -78,6 +98,7 @@
} }
.card-content{ .card-content{
margin-top: 0.3rem; margin-top: 0.3rem;
height: 4.013rem;
} }
.card-box{ .card-box{
width: 2.386rem; width: 2.386rem;
...@@ -104,6 +125,10 @@ ...@@ -104,6 +125,10 @@
.card-p1{ .card-p1{
text-align: center; text-align: center;
width: 2.2rem; width: 2.2rem;
height: 0.45rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 auto; margin: 0 auto;
font-size: 0.3rem; font-size: 0.3rem;
color: #fff; color: #fff;
...@@ -206,3 +231,277 @@ ...@@ -206,3 +231,277 @@
.task5{ .task5{
top: 8.8rem; top: 8.8rem;
} }
.live{
position: absolute;
width: 0.906rem;
right: 0;
top: 0;
z-index: 5;
}
.task-img1{
background: url(../images/task1.png)no-repeat;
background-size: 100% 100%;
}
.task-img2{
background: url(../images/task2.png)no-repeat;
background-size: 100% 100%;
}
.task-img3{
background: url(../images/task3.png)no-repeat;
background-size: 100% 100%;
}
.task-img4{
background: url(../images/task4.png)no-repeat;
background-size: 100% 100%;
}
.task-img5{
background: url(../images/task5.png)no-repeat;
background-size: 100% 100%;
}
.layer-gift1{
width: 9.62rem;
height: 8.4rem;
background:url(../images/layer-gift1.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.gift-img-box{
width: 2rem;
height: 2rem;
// background: pink;
position: absolute;
left: 3.77rem;
top: 1.95rem;
text-align: center;
line-height: 2rem;
img{
width: 2rem;
}
}
.gift1-p{
font-size: 0.35rem;
color: #fff;
font-weight: 700;
text-align: center;
padding-top: 4.2rem;
span{
color: yellow;
}
}
.ok{
width: 3.4rem;
height: 1.373rem;
background: url(../images/ok.png)no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
margin-left: -1.75rem;
top: 4.75rem;
}
.layer-gift10{
width: 9.62rem;
height: 13.293rem;
background: url(../images/layer-gift2.png)no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
.ok{
top: 10.3rem;
}
}
.layer-gift-ul{
width: 9.2rem;
height: 8.4rem;
// background: pink;
margin: 0 auto;
margin-top: 1.4rem;
li{
position: relative;
width: 2.132rem;
height: 1.973rem;
line-height: 1.973rem;
background: url(../images/gift-bg.png)no-repeat;
background-size: 100% 100%;
float: left;
margin-left: 0.13rem;
margin-bottom: 0.8rem;
text-align: center;
font-size: 0;
>img{
vertical-align: middle;
width: 1.8rem;
}
>p{
font-size: 0.3rem;
text-align: center;
width: 2.132rem;
position: absolute;
color: #fff;
height: 0.5rem;
line-height: 0.5rem;
top: 2.05rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
span{
color: yellow;
}
}
}
}
.lucky-gift-box{
width: 9.62rem;
height: 15.053rem;
background: url(../images/lucky-gift-box.png)no-repeat;
background-size: 100% 100%;
position: relative;
margin: 0 auto;
}
.layer-fans{
width: 9.62rem;
height: 6.346rem;
background: url(../images/layer-fans.png)no-repeat;
background-size: 100% 100%;
position: relative;
margin-bottom: 5rem;
overflow: hidden;
}
.layer-fans-ul{
width: 9rem;
margin: 0 auto;
height: 3.72rem;
margin-top: 1.38rem;
li{
height: 1.24rem;
width: 9rem;
position: relative;
}
.layer-fans-box1{
width: 1.75rem;
height: 1.24rem;
float: left;
position: relative;
font-size: 0.45rem;
text-align: center;
line-height: 1.24rem;
color: #efd9ff;
}
.layer-fans-box2{
width: 3.85rem;
height: 1.24rem;
line-height: 1.24rem;
float: left;
position: relative;
color: #efd9ff;
font-size: 0.38rem;
}
.layer-fans-box3{
width: 3.4rem;
height: 1.24rem;
line-height: 1.24rem;
float: left;
position: relative;
color: #efd9ff;
font-size: 0.38rem;
}
}
.mc-nav{
position: fixed;
bottom: 0;
left: 0;
z-index: 500;
width: 10rem;
height: 1.97rem;
background: url(../images/nav.png)no-repeat;
background-size: 100% 100%;
display: none;
}
.mc-nav-box1{
width: 2rem;
height: 1.97rem;
float: left;
position: relative;
text-align: center;
font-size: 0;
line-height: 1.97rem;
img{
vertical-align: middle;
width: 1.3rem;
height: 1.3rem;
border-radius: 100%;
}
}
.mc-nav-box2{
width: 4.5rem;
height: 1.97rem;
line-height: 1.97rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #efd9ff;
>span{
position: absolute;
top: 0.33rem;
left: 2.1rem;
img{
width: 3rem;
}
margin-left: 0.5rem;
}
}
.mc-nav-box3{
width: 3.5rem;
height: 1.97rem;
line-height: 1.97rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #efd9ff;
text-indent: 0.8rem;
}
.act-room-bg1{
position: relative;
width: 10rem;
height: 8.064rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-title{
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-align: center;
font-weight: 700;
// background: pink;
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-p1{
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
padding-top: 1.85rem;
}
.act-room-p2{
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
.act-room-p3{
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
padding-top: 0.6rem;
}
.act-room-p4{
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
\ No newline at end of file
activeFt/queen/images/gift-box.png
activeFt/queen/images/gift-box.png

109 KB | W: | H:

activeFt/queen/images/gift-box.png

137 KB | W: | H:

activeFt/queen/images/gift-box.png
activeFt/queen/images/gift-box.png
activeFt/queen/images/gift-box.png
activeFt/queen/images/gift-box.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/queen/lib/default.js
...@@ -68,10 +68,10 @@ if(sessionStorage.open==undefined)sessionStorage.open=1 ...@@ -68,10 +68,10 @@ 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=1 sessionStorage.lang=2
sessionStorage.uid =210102; sessionStorage.uid =210102;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=210102; sessionStorage.roomId=11134747;
sessionStorage.version=8890 sessionStorage.version=8890
sessionStorage.cid='web' sessionStorage.cid='web'
sessionStorage.pkg='h5' sessionStorage.pkg='h5'
......
activeFt/queen/oldView.html
...@@ -30,11 +30,12 @@ ...@@ -30,11 +30,12 @@
</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="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>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -43,63 +44,36 @@ ...@@ -43,63 +44,36 @@
<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 wsTimer=null
setTimeout(function(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/sustainLogin.html',
success:function(data){
}
})
}, 3000);
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() { $(".act-room-bg1").on("click",function(){
wsTimer=setInterval(function(){
view()
},60000)
view()
}, 2000);
function view(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getRoomPartData.html',
success:function(data){
console.log(data)
if(data.result.rank>0){
console.log(data)
$(".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{
$(".room-bg1").hide()
clearInterval(wsTimer)
}
}
})
}
// getData()
$(".room-bg1").on("click",function(){
var obj = { var obj = {
"cid": 12, "cid": 12,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
"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);
}) })
var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
function view(){
$.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)
}
})
}
view()
setInterval(function(){
view()
},60000)
function getData(roomid) { function getData(roomid) {
var opts = { var opts = {
reconnectionDelay: 5000, reconnectionDelay: 5000,
......
footseenIcon/action/css/index.css
.room-bg1 { .act-room-bg1 {
position: relative;
width: 10rem; width: 10rem;
height: 6.049rem; height: 5.537rem;
background: url(../images/room-bg1.png?v=2024061701) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.room-title { .act-room-p1 {
font-size: 0.8rem; font-size: 0.75rem;
height: 2rem; color: #f0edfa;
line-height: 1.9rem; padding-top: 1.9rem;
color: #fff; text-indent: 1rem;
text-align: center;
} }
.room-bg-p1 { .act-room-p2 {
color: #fff; font-size: 0.75rem;
font-size: 0.8rem; color: #f0edfa;
text-indent: 0.9rem;
padding-top: 0.2rem; padding-top: 0.2rem;
text-indent: 1rem;
} }
.room-bg-p1 span { .act-title {
color: #F83AFF; width: 5.07rem;
} line-height: 1.4rem;
.room-bg-p2 {
position: absolute;
top: 3.9rem;
color: #fff; color: #fff;
font-size: 0.8rem; font-size: 0.8rem;
text-indent: 0.9rem; text-align: center;
} font-weight: 700;
.room-bg-p2 span { height: 1.5rem;
color: #F83AFF;
}
.room-bg-p3 {
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
/* padding-top: 0.4rem; */
position: absolute; position: absolute;
top: 3.9rem; left: 2.45rem;
left: 4.9rem; 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;
}
.room-bg-p3 span {
color: #F83AFF;
} }
footseenIcon/action/css/index.less
.room-bg1{ .act-room-bg1{
position: relative;
width: 10rem; width: 10rem;
height: 6.049rem; height: 5.537rem;
background: url(../images/room-bg1.png?v=2024061701)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.room-title{ .act-room-p1{
font-size: 0.8rem; font-size: 0.75rem;
height: 2rem; color: #f0edfa;
line-height: 1.9rem; padding-top: 1.9rem;
color: #fff; text-indent: 1rem;
text-align: center;
} }
.room-bg-p1{ .act-room-p2{
color: #fff; font-size: 0.75rem;
font-size: 0.8rem; color: #f0edfa;
text-indent: 0.9rem;
padding-top: 0.2rem; padding-top: 0.2rem;
span{ text-indent: 1rem;
color: #F83AFF;
}
} }
.room-bg-p2{ .act-title{
position: absolute; width: 5.07rem;
top: 3.9rem; line-height: 1.4rem;
color: #fff; color: #fff;
font-size: 0.8rem; font-size: 0.8rem;
text-indent: 0.9rem; text-align: center;
span{ font-weight: 700;
color: #F83AFF; // background: pink;
} height: 1.5rem;
}
.room-bg-p3{
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
/* padding-top: 0.4rem; */
position: absolute; position: absolute;
top: 3.9rem; left: 2.45rem;
left: 4.9rem; 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;
}
} }
\ No newline at end of file
footseenIcon/action/index.html
...@@ -30,11 +30,10 @@ ...@@ -30,11 +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="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>
</div> </div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -45,48 +44,11 @@ ...@@ -45,48 +44,11 @@
<script> <script>
$(function(){ $(function(){
var wsTimer=null var wsTimer=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){
$(".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{
$(".room-bg1").hide()
clearInterval(wsTimer)
}
}
})
}
// getData() if(sessionStorage.lang!=2){
setTimeout(function(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/sustainLogin.html',
success:function(data){
} }
})
}, 3000);
var obj = { var obj = {
"cid": 43, "cid": 43,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
...@@ -94,25 +56,40 @@ $(function(){ ...@@ -94,25 +56,40 @@ $(function(){
"type":1, "type":1,
// "width":314, // "width":314,
"width":120, "width":120,
"height":73, "height":67,
'unit':2, 'unit':2,
"position":1 "position":1
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
function view(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
success:function(data){
console.log('获取主播闯关信息',data)
$(".act-title").text(titleArr[data.result.level])
$(".act-room-p1").text('主播積分 : '+data.result.score)
$(".act-room-p2").text('目標積分 : '+data.result.levelScore)
}
})
}
view()
setInterval(function(){
view()
},60000)
$(".act-room-bg1").on("click",function(){
$(".room-bg1").on("click",function(){
var obj = { var obj = {
"cid": 31, "cid": 31,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
"data": { "data": {
"popupType":2, "popupType":2,
// "width":314, // "width":314,
"url":''+$url+'/activeFt/develop/index.html', "url":''+$url+'/activeFt/queen/index.html',
"heightR":160, "heightR":160,
"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