Skip to content

libai / fsActive

Go to a project
Commit e0eff324 by libai
Options

ft活动上线

parent 22d27a74
Inline Side-by-side
Showing with 955 additions and 196 deletions
activeFt/queen/css/index.css
......@@ -4,6 +4,7 @@
background: url(../images/bg.png) repeat-y;
background-size: 100% auto;
width: 10rem;
overflow: hidden;
}
.banner {
width: 10rem;
......@@ -44,7 +45,6 @@
}
.mc-box {
width: 10rem;
height: 6.9rem;
position: relative;
}
.floor {
......@@ -65,6 +65,26 @@
background: url(../images/k6.png) no-repeat;
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 {
color: #fff;
font-size: 0.3rem;
......@@ -76,6 +96,7 @@
}
.card-content {
margin-top: 0.3rem;
height: 4.013rem;
}
.card-box {
width: 2.386rem;
......@@ -102,6 +123,10 @@
.card-p1 {
text-align: center;
width: 2.2rem;
height: 0.45rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 auto;
font-size: 0.3rem;
color: #fff;
......@@ -203,3 +228,272 @@
.task5 {
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 @@
background: url(../images/bg.png)repeat-y;
background-size: 100% auto;
width: 10rem;
overflow: hidden;
}
.banner{
width: 10rem;
......@@ -44,7 +45,6 @@
}
.mc-box{
width: 10rem;
height: 6.9rem;
position: relative;
// background: pink;
}
......@@ -67,6 +67,26 @@
background: url(../images/k6.png)no-repeat;
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{
color: #fff;
font-size: 0.3rem;
......@@ -78,6 +98,7 @@
}
.card-content{
margin-top: 0.3rem;
height: 4.013rem;
}
.card-box{
width: 2.386rem;
......@@ -104,6 +125,10 @@
.card-p1{
text-align: center;
width: 2.2rem;
height: 0.45rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 auto;
font-size: 0.3rem;
color: #fff;
......@@ -206,3 +231,277 @@
.task5{
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/index.html
......@@ -8,7 +8,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>美眉養成記</title>
<title>夜の女皇</title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
......@@ -29,7 +29,51 @@
</style>
</head>
<script src="lib/lottie-player.js"></script>
<div style="display: none;" class="layer-fans">
<ul class="layer-fans-ul">
<li>
<div class="layer-fans-box1">1</div>
<div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div>
</li>
<li>
<div class="layer-fans-box1">2</div>
<div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div>
</li>
<li>
<div class="layer-fans-box1">3</div>
<div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div>
</li>
</ul>
</div>
<body style="background: #190B3A;">
<div style="display: none;" class="layer-gift1">
<div class="gift-img-box">
<img src="images/gift/g1.png" alt="">
</div>
<p class="gift1-p">礼物名称预留</p>
<div class="ok"></div>
</div>
<div style="display: none;" class="layer-gift10">
<ul class="layer-gift-ul">
<li>
<img src="images/gift/g4.png" alt="">
<p>夜の水晶鞋</p>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="ok"></div>
</div>
<div class="bg">
<div class="banner"></div>
<div class="top-btn1">
......@@ -40,7 +84,7 @@
<div class="gift-box"></div>
<div class="floor"></div>
<div class="mc-list-content">
<div class="mc-box mc-box6">
<!-- <div class="mc-box mc-box6">
<div class="top-k k6"></div>
<p class="mc-box-tips">優先展示當前在線的前四名<br>目標積分520000<span>(獎勵52000羽毛)</span></p>
<div class="card-content">
......@@ -52,17 +96,28 @@
<div class="card-btn">她的粉絲團</div>
</div>
</div>
</div> -->
</div>
<div style="height: 2.5rem;"></div>
<div class="mc-nav">
<!-- <div class="mc-nav-box1">
<img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
</div>
<div class="mc-nav-box2">
主播昵称预留 <span>夜の花魁</span>
</div>
<div class="mc-nav-box3">34234/51321</div> -->
</div>
</div>
<div style="display: none;" class="user-box">
<div class="task-box">
<div class="task-btn task1"></div>
<div class="task-btn task2"></div>
<div class="task-btn task3"></div>
<div class="task-btn task4"></div>
<div class="task-btn task5"></div>
<div class="task-btn task1 task-img1"></div>
<div class="task-btn task2 task-img1"></div>
<div class="task-btn task3 task-img1"></div>
<div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" class="task-btn task4 task-img1">
<span id="target" class="haxi" style="float: left;font-size: 0"></span>
</div>
<div class="task-btn task5 task-img1"></div>
</div>
<div class="lucky-box">
<div class="floor"></div>
......@@ -71,6 +126,7 @@
<div class="extract1"></div>
<div class="extract10"></div>
</div>
<div class="lucky-gift-box"></div>
</div>
</div>
</body>
......@@ -84,10 +140,14 @@ $(function(){
var _self=$(this)
if(_self.attr("data-type")==1){
$(".user-box").hide()
$(".")
$(".mc-box").fadeIn(200)
$(".top-btn1").removeClass("top-btn2")
}
else if(_self.attr("data-type")==2){
$(".mc-box").hide()
$(".user-box").fadeIn(200)
$(".top-btn1").addClass("top-btn2")
task()
}
})
view()
......@@ -98,29 +158,102 @@ $(function(){
console.log('获取不同关卡榜单',data)
var html=[];
for(var i=0;i<data.result.rankList.length;i++){
var list=data.result.rankList[i]
if(list.levelRankList[0]==undefined)continue;
html+='<div class="mc-box mc-box'+list.level+'">';
html+='<div class="top-k k'+list.level+'"></div>';
html+='<p class="mc-box-tips">優先展示當前在線的前四名<br>目標積分'+list.levelScore+'<span> (獎勵'+list.levelBonds+'羽毛)</span></p>';
html+='<div class="card-content">';
for(var j=0;j<4;j++){
if(list.levelRankList[j]==undefined){
html+='<div class="card-box">';
html+='<img class="card-face" src="images/face.png" alt="">';
html+='<p class="card-p1">虚位以待</p>';
html+='<p class="card-p2"><span>--</span>/'+list.levelScore+'</p>';
html+='</div>';
continue
}
html+='<div class="card-box">';
if(list.levelRankList[j].living>0)html+='<img class="live" src="images/live.png">'
html+='<a href="yazhai://_' + list.levelRankList[j].uid + '_zone"><img class="card-face" src="https://big.bgp.ourpow.com/comm'+list.levelRankList[j].face+'?x-oss-process=image/resize,w_110" alt=""></a>';
if(list.levelRankList[j].extra.isLike==0)html+='<img data-type="'+list.levelRankList[j].uid+'" class="like-btn" src="images/like.png" alt="">';
html+='<p class="card-p1">'+list.levelRankList[j].name+'</p>';
if(list.levelScore==520000)html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/520k</p>';
else html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/'+list.levelScore+'</p>';
var userJson=JSON.stringify(list.levelRankList[j].fansRank)
html+="<div data-type='"+userJson+"' class='card-btn'>她的粉絲團</div>";
html+='</div>';
}
html+='</div>';
html+='</div>';
}
$(".mc-list-content").html(html)
$(".like-btn").unbind("click").on("click",function(){
var _self=$(this)
$.ajax({
url:$ip+'/room/like',
data:{
roomId:_self.attr("data-type")
},
success:function(data){
if(data.code==1){
if(sessionStorage.lang==2)layer.msg("關注成功")
else layer.msg("success!")
_self.remove()
}else{
layer.msg(data.msg)
}
}
})
})
$(".card-btn").on("click",function(){
var _self=$(this)
console.log(_self.attr("data-type"))
var fansData=JSON.parse(_self.attr("data-type"))
console.log(fansData)
var html=[];
for(var i=0;i<fansData.length;i++){
html+='<li>';
html+='<div class="layer-fans-box1">'+fansData[i].index+'</div>';
html+='<div class="layer-fans-box2">'+fansData[i].name+'</div>';
html+='<div class="layer-fans-box3">貢獻值：'+fansData[i].score+'</div>';
html+='</li>';
}
$(".layer-fans-ul").html(html)
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "6.346rem"],
content: $(".layer-fans"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
}
})
}
if(sessionStorage.roomId!=0){
bottom()
}
// <div class="mc-box mc-box6">
// <div class="top-k k6"></div>
// <p class="mc-box-tips">優先展示當前在線的前四名<br>目標積分520000<span>(獎勵52000羽毛)</span></p>
// <div class="card-content">
// <div class="card-box">
// <img class="card-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
// <img class="like-btn" src="images/like.png" alt="">
// <p class="card-p1">主播昵称预留</p>
// <p class="card-p2"><span>52364</span>/18888</p>
// <div class="card-btn">她的粉絲團</div>
// </div>
// </div>
// </div>
function bottom(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getViewBottomData.html',
success:function(data){
console.log('获取底部导航栏信息',data)
var html=[];
html+='<div class="mc-nav-box1">';
html+='<img src="https://big.bgp.ourpow.com/comm'+data.result.roomData.roomFace+'?x-oss-process=image/resize,w_110" alt="">';
html+='</div>';
html+='<div class="mc-nav-box2">';
html+=''+data.result.roomData.roomName+' <span><img src="images/k1.png"></span>';
html+='</div>';
html+='<div class="mc-nav-box3">'+data.result.roomData.score+'/'+data.result.roomData.levelScore+'</div>';
$(".mc-nav").show().html(html);
}
})
}
......@@ -129,6 +262,47 @@ $(function(){
url:$ip+'/actQueenOfTheNight/getUserTaskData.html',
success:function(data){
console.log("获取任务视图",data)
$("#target").text(data.result.taskList[3].speakMsg)
for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i]
$(".task"+(i+1)+"").removeClass("task-img1 task-img2 task-img3 task-img4 task-img5")
if(list.taskStatus==0){
if(i==1){
$(".task"+(i+1)+"").addClass("task-img4")
continue;
}
if(i==3){
$(".task"+(i+1)+"").addClass("task-img5")
continue;
}
$(".task"+(i+1)+"").addClass("task-img1")
}
else if(list.taskStatus==1){
$(".task"+(i+1)+"").addClass("task-img2").attr("data-type",list.taskId)
}
else if(list.taskStatus==2){
$(".task"+(i+1)+"").addClass("task-img3")
}
}
$(".task-img2").unbind("click").on("click",function(){
var _self=$(this)
getTask(_self.attr("data-type"))
})
$(".task-img4").unbind("click").on("click",function(){
window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
})
$(".task-img5").unbind("click").on("click",function(){
var targetText=$("#target").text();
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.clearSelection();
});
if(sessionStorage.lang==2) layer.msg("已複製，趕緊去直播間發言吧")
else layer.msg("Copied, hurry up and go to the live broadcast room to comment!")
})
}
})
}
......@@ -140,10 +314,29 @@ $(function(){
},
success:function(data){
console.log('领取任务奖励',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
layer.msg(data.msg)
task()
}
})
}
$(".ok").on("click",function(){
layer.closeAll()
})
var giftOk=true;
$(".extract1").on("click",function(){
lottery(1)
})
$(".extract10").on("click",function(){
lottery(10)
})
var giftArr=['','<span style="font-weight: 700;">一箭穿心</span>','<span style="font-weight: 700;">夜の馬車*30天</span>','<span>vip*30天</span>','<span>夜の水晶鞋</span>','<span>夜の鑽戒</span>','love','浪漫紅酒','夜の假面']
function lottery(e){
if(giftOk==false)return;
giftOk=false
$.ajax({
url:$ip+'/actQueenOfTheNight/userLottery.html',
data:{
......@@ -151,6 +344,53 @@ $(function(){
},
success:function(data){
console.log("用户抽奖",data)
if(data.code!=1){
layer.msg(data.msg)
setTimeout(function(){
giftOk=true;
},500)
return;
}
setTimeout(function(){
giftOk=true;
},500)
if(e==1){
$(".gift-img-box img").attr("src","images/gift/g"+data.result.rewardIdList[0]+".png")
$(".gift1-p").html(giftArr[data.result.rewardIdList[0]])
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "8.4rem"],
content: $(".layer-gift1"),
end: function () {
$(".layui-layer-shade").hide()
}
})
}
if(e==10){
var html=[];
for(var i=0;i<data.result.rewardIdList.length;i++){
html+='<li>';
html+='<img src="images/gift/g'+data.result.rewardIdList[i]+'.png" alt="">';
html+='<p>'+giftArr[data.result.rewardIdList[i]]+'</p>';
html+='</li>';
}
$(".layer-gift-ul").html(html)
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "13.293rem"],
content: $(".layer-gift10"),
end: function () {
$(".layui-layer-shade").hide()
}
})
}
}
})
}
......
activeFt/queen/lib/default.js
......@@ -68,10 +68,10 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
sessionStorage.roomId=23864554
}
if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=1
sessionStorage.lang=2
sessionStorage.uid =210102;
sessionStorage.token = 'debug'
sessionStorage.roomId=210102;
sessionStorage.roomId=11134747;
sessionStorage.version=8890
sessionStorage.cid='web'
sessionStorage.pkg='h5'
......
activeFt/queen/oldView.html
......@@ -30,11 +30,12 @@
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0);">
<div style="display: none;" class="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 class="act-room-bg1">
<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>
......@@ -43,63 +44,36 @@
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(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() {
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(){
$(".act-room-bg1").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/develop/index.html" + location.search,
"url": $url + "/activeFt/queen/index.html" + location.search,
}
}
var obj2 = JSON.stringify(obj);
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) {
var opts = {
reconnectionDelay: 5000,
......
footseenIcon/action/css/index.css
.room-bg1 {
position: relative;
.act-room-bg1 {
width: 10rem;
height: 6.049rem;
background: url(../images/room-bg1.png?v=2024061701) no-repeat;
height: 5.537rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.room-title {
font-size: 0.8rem;
height: 2rem;
line-height: 1.9rem;
color: #fff;
text-align: center;
.act-room-p1 {
font-size: 0.75rem;
color: #f0edfa;
padding-top: 1.9rem;
text-indent: 1rem;
}
.room-bg-p1 {
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
.act-room-p2 {
font-size: 0.75rem;
color: #f0edfa;
padding-top: 0.2rem;
text-indent: 1rem;
}
.room-bg-p1 span {
color: #F83AFF;
}
.room-bg-p2 {
position: absolute;
top: 3.9rem;
.act-title {
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
}
.room-bg-p2 span {
color: #F83AFF;
}
.room-bg-p3 {
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
/* padding-top: 0.4rem; */
text-align: center;
font-weight: 700;
height: 1.5rem;
position: absolute;
top: 3.9rem;
left: 4.9rem;
}
.room-bg-p3 span {
color: #F83AFF;
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;
}
footseenIcon/action/css/index.less
.room-bg1{
position: relative;
.act-room-bg1{
width: 10rem;
height: 6.049rem;
background: url(../images/room-bg1.png?v=2024061701)no-repeat;
height: 5.537rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.room-title{
font-size: 0.8rem;
height: 2rem;
line-height: 1.9rem;
color: #fff;
text-align: center;
.act-room-p1{
font-size: 0.75rem;
color: #f0edfa;
padding-top: 1.9rem;
text-indent: 1rem;
}
.room-bg-p1{
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
.act-room-p2{
font-size: 0.75rem;
color: #f0edfa;
padding-top: 0.2rem;
span{
color: #F83AFF;
}
text-indent: 1rem;
}
.room-bg-p2{
position: absolute;
top: 3.9rem;
.act-title{
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
span{
color: #F83AFF;
}
}
.room-bg-p3{
color: #fff;
font-size: 0.8rem;
text-indent: 0.9rem;
/* padding-top: 0.4rem; */
text-align: center;
font-weight: 700;
// background: pink;
height: 1.5rem;
position: absolute;
top: 3.9rem;
left: 4.9rem;
span{
color: #F83AFF;
}
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;
}
\ No newline at end of file
footseenIcon/action/index.html
......@@ -30,11 +30,10 @@
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0)">
<div style="display: none;" class="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 class="act-room-bg1">
<div class="act-title"></div>
<p class="act-room-p1">主播積分 :</p>
<p class="act-room-p2">目標積分 :</p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -45,48 +44,11 @@
<script>
$(function(){
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()
setTimeout(function(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/sustainLogin.html',
success:function(data){
if(sessionStorage.lang!=2){
}
})
}, 3000);
var obj = {
"cid": 43,
"reqCode": new Date().getTime(),
......@@ -94,25 +56,40 @@ $(function(){
"type":1,
// "width":314,
"width":120,
"height":73,
"height":67,
'unit':2,
"position":1
}
}
var obj2 = JSON.stringify(obj);
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)
$(".room-bg1").on("click",function(){
$(".act-room-bg1").on("click",function(){
var obj = {
"cid": 31,
"reqCode": new Date().getTime(),
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'/activeFt/develop/index.html',
"url":''+$url+'/activeFt/queen/index.html',
"heightR":160,
"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