Skip to content

libai / fsActive

Go to a project
Commit 12176df3 by libai
Options

ft活动上线

parent cad42d19
Inline Side-by-side
Showing with 253 additions and 148 deletions
activeFt/lucky777/css/index.css
...@@ -4,6 +4,21 @@ ...@@ -4,6 +4,21 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.layer-dew {
display: none;
position: relative;
width: 9.62rem;
height: 6.53rem;
background: url(../images/layer-dew.png) no-repeat;
background-size: 100% 100%;
}
.layer-turn {
display: none;
width: 9.62rem;
height: 6.53rem;
background: url(../images/layer-turn.png) no-repeat;
background-size: 100% 100%;
}
.banner { .banner {
width: 10rem; width: 10rem;
height: 8.58rem; height: 8.58rem;
...@@ -39,6 +54,7 @@ ...@@ -39,6 +54,7 @@
margin-top: 0.4rem; margin-top: 0.4rem;
} }
.lucky-title { .lucky-title {
position: relative;
width: 10rem; width: 10rem;
height: 5.62rem; height: 5.62rem;
background: url(../images/lucky-title.png) no-repeat; background: url(../images/lucky-title.png) no-repeat;
...@@ -46,8 +62,7 @@ ...@@ -46,8 +62,7 @@
} }
iframe { iframe {
width: 10rem; width: 10rem;
height: 10rem; height: 11rem;
background: pink;
margin-top: -1.3rem; margin-top: -1.3rem;
position: relative; position: relative;
z-index: 2; z-index: 2;
...@@ -544,3 +559,74 @@ iframe { ...@@ -544,3 +559,74 @@ iframe {
background: url(../images/task6.png) no-repeat; background: url(../images/task6.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.act-room-bg {
width: 10rem;
height: 8.563rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.act-room-bg2 {
width: 10rem;
height: 5.577rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2 > p {
display: none;
}
.act-p1 {
color: #fff;
text-align: center;
width: 10rem;
font-size: 0.8rem;
position: absolute;
top: 1.2rem;
}
.act-p1 span {
width: 10rem;
position: absolute;
color: #FFF337;
top: 2.3rem;
left: 0;
font-size: 1rem;
font-weight: 700;
}
.act-p2 {
color: #fff;
text-align: center;
width: 10rem;
font-size: 0.8rem;
position: absolute;
top: 6rem;
}
.act-p2 span {
color: #FFF337;
}
.dew-btn {
position: absolute;
width: 1.92rem;
height: 0.64rem;
background: url(../images/dew-btn.png) no-repeat;
background-size: 100% 100%;
right: 0.5rem;
top: 1.15rem;
}
.game-rule {
position: absolute;
width: 1.92rem;
height: 0.64rem;
background: url(../images/game-rule.png) no-repeat;
background-size: 100% 100%;
right: 0.4rem;
top: 2.13rem;
}
.dew-exc {
position: absolute;
left: 0.4rem;
top: 2.13rem;
width: 1.92rem;
height: 0.64rem;
background: url(../images/dew-exc.png) no-repeat;
background-size: 100% 100%;
}
activeFt/lucky777/css/index.less
...@@ -4,6 +4,22 @@ ...@@ -4,6 +4,22 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.layer-dew{
display: none;
position: relative;
width: 9.62rem;
height: 6.53rem;
background: url(../images/layer-dew.png)no-repeat;
background-size: 100% 100%;
}
.layer-turn{
display: none;
width: 9.62rem;
height: 6.53rem;
background: url(../images/layer-turn.png)no-repeat;
background-size: 100% 100%;
}
.banner{ .banner{
width: 10rem; width: 10rem;
height: 8.58rem; height: 8.58rem;
...@@ -39,6 +55,7 @@ ...@@ -39,6 +55,7 @@
margin-top: 0.4rem; margin-top: 0.4rem;
} }
.lucky-title{ .lucky-title{
position: relative;
width: 10rem; width: 10rem;
height: 5.62rem; height: 5.62rem;
background: url(../images/lucky-title.png)no-repeat; background: url(../images/lucky-title.png)no-repeat;
...@@ -46,8 +63,7 @@ ...@@ -46,8 +63,7 @@
} }
iframe{ iframe{
width: 10rem; width: 10rem;
height: 10rem; height: 11rem;
background: pink;
margin-top: -1.3rem; margin-top: -1.3rem;
position: relative; position: relative;
z-index: 2; z-index: 2;
...@@ -548,3 +564,74 @@ iframe{ ...@@ -548,3 +564,74 @@ iframe{
background: url(../images/task6.png)no-repeat; background: url(../images/task6.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.act-room-bg{
width: 10rem;
height: 8.563rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.act-room-bg2{
width: 10rem;
height: 5.577rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
>p{
display: none;
}
}
.act-p1{
color: #fff;
text-align: center;
width: 10rem;
font-size: 0.8rem;
position: absolute;
top: 1.2rem;
span{
width: 10rem;
position: absolute;
color: #FFF337;
top: 2.3rem;
left: 0;
font-size: 1rem;
font-weight: 700;
}
}
.act-p2{
color: #fff;
text-align: center;
width: 10rem;
font-size: 0.8rem;
position: absolute;
top: 6rem;
span{
color: #FFF337;
}
}
.dew-btn{
position: absolute;
width: 1.92rem;
height: 0.64rem;
background: url(../images/dew-btn.png) no-repeat;
background-size: 100% 100%;
right: 0.5rem;
top: 1.15rem;
}
.game-rule{
position: absolute;
width: 1.92rem;
height: 0.64rem;
background: url(../images/game-rule.png) no-repeat;
background-size: 100% 100%;
right: 0.4rem;
top: 2.13rem;
}
.dew-exc{
position: absolute;
left: 0.4rem;
top: 2.13rem;
width: 1.92rem;
height: 0.64rem;
background: url(../images/dew-exc.png)no-repeat;
background-size: 100% 100%;
}
\ No newline at end of file
activeFt/lucky777/images/task-box.png
activeFt/lucky777/images/task-box.png

101 KB | W: | H:

activeFt/lucky777/images/task-box.png

102 KB | W: | H:

activeFt/lucky777/images/task-box.png
activeFt/lucky777/images/task-box.png
activeFt/lucky777/images/task-box.png
activeFt/lucky777/images/task-box.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/lucky777/index.html
...@@ -31,6 +31,8 @@ ...@@ -31,6 +31,8 @@
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background:#0C0904;"> <body style="background:#0C0904;">
<div class="layer-dew"></div>
<div class="layer-turn"></div>
<div class="bg"> <div class="bg">
<div class="banner"></div> <div class="banner"></div>
<div class="top-btn1"> <div class="top-btn1">
...@@ -66,6 +68,7 @@ ...@@ -66,6 +68,7 @@
</div> </div>
<div style="display: none;" class="user-box"> <div style="display: none;" class="user-box">
<div class="task-box"> <div class="task-box">
<div class="dew-btn"></div>
<div data-type="1" class="task1 "></div> <div data-type="1" class="task1 "></div>
<div data-type="2" class="task2 "></div> <div data-type="2" class="task2 "></div>
<div data-type="3" class="task3 "></div> <div data-type="3" class="task3 "></div>
...@@ -76,7 +79,10 @@ ...@@ -76,7 +79,10 @@
<div data-type="5" class="task5 "></div> <div data-type="5" class="task5 "></div>
<div data-type="6" class="task6 "></div> <div data-type="6" class="task6 "></div>
</div> </div>
<div class="lucky-title"></div> <div class="lucky-title">
<div class="dew-exc"></div>
<div class="game-rule"></div>
</div>
<iframe src="" frameborder="0"></iframe> <iframe src="" frameborder="0"></iframe>
<div class="user-list-title"></div> <div class="user-list-title"></div>
<div class="user-list-box"> <div class="user-list-box">
...@@ -162,6 +168,44 @@ $(function(){ ...@@ -162,6 +168,44 @@ $(function(){
userRank(2) userRank(2)
task() task()
}) })
$(".dew-btn").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "6.53rem"],
content: $(".layer-dew"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
$(".game-rule").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "6.53rem"],
content: $(".layer-turn"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
$(".dew-exc").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": "兌換露水",
"jumptype": 15,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
function top(){ function top(){
$.ajax({ $.ajax({
url:$ip+'/actLucky777/getViewLikeData.html', url:$ip+'/actLucky777/getViewLikeData.html',
...@@ -220,12 +264,12 @@ $(function(){ ...@@ -220,12 +264,12 @@ $(function(){
if(sessionStorage.lang==2)html+='<p class="li-p2">積分: '+list.score+'</p>'; if(sessionStorage.lang==2)html+='<p class="li-p2">積分: '+list.score+'</p>';
else html+='<p class="li-p2">score: '+list.score+'</p>'; else html+='<p class="li-p2">score: '+list.score+'</p>';
html+='</div>'; html+='</div>';
if(list.score>=10000){ if(list.score>=15000){
if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>'; if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>'; else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
}else{ }else{
if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>'; if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/15000*100)+'%</p></div>';
else html+='<div class="li-box3"><p>progress: '+Math.floor(list.score/10000*100)+'%</p></div>'; else html+='<div class="li-box3"><p>progress: '+Math.floor(list.score/15000*100)+'%</p></div>';
} }
html+='</li>'; html+='</li>';
...@@ -318,7 +362,10 @@ $(function(){ ...@@ -318,7 +362,10 @@ $(function(){
} }
else if(i==5){ else if(i==5){
$(".task"+(i+1)+"").addClass("task1-btn") $(".task"+(i+1)+"").addClass("task6-btn")
$(".task6-btn").unbind("click").on("click",function(){
window.location.href='yazhai://_999996_room'
})
} }
else { else {
$(".task"+(i+1)+"").addClass("task1-btn") $(".task"+(i+1)+"").addClass("task1-btn")
......
activeFt/lucky777/oldView.html
...@@ -31,14 +31,8 @@ ...@@ -31,14 +31,8 @@
<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-bg act-room-bg2"> <div style="display: none;" class="act-room-bg act-room-bg2">
<div class="act-title">閃亮新星</div> <p class="act-p1">主播積分: <span>8000</span></p>
<p class="act-room-p1">主播積分:</p> <p class="act-p2">進度: <span class="act-span2" style="margin-right: 0.5rem;">18%</span> 排名: <span class="act-span3">5</span></p>
<p class="act-room-p2">8000</p>
<p class="act-room-p3">目標積分:</p>
<p class="act-room-p4">28000</p>
<!-- <p class="act-room-p1">80000</p>
<p class="act-room-p2"><i class="txt1">進度</i> : <span>18%</span></p>
<p class="act-room-p3"><i class="txt2">排名</i> : <span>5</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>
...@@ -48,127 +42,53 @@ ...@@ -48,127 +42,53 @@
<script> <script>
$(function(){ $(function(){
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") // $("body").addClass("bg-en")
$(".act-room-p1").text("score:") // $(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:") // $(".act-room-p3").text("goal:")
} }
$(".act-room-bg").on("click",function(){
if(sessionStorage.lang!=2){
}
//三十秒后弹窗
setTimeout(function(){
if(localStorage.luckyLayer==undefined||localStorage.luckyLayer<new Date().getTime()){
localStorage.luckyLayer=(Number(new Date().getTime())+86400000)
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/luckyGod/pop.html",
height:'0.5',
heightR:'124',
x:'0',
y:'0.5',
},
success:function(){
}
})
}
},30000)
if(sessionStorage.lang==2)var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城']
else var titleName=['','Lv.1','Lv.2','Lv.3','Lv.4','Lv.5','Lv.6']
var goPop=0
function view(){
$.ajax({
url:$ip+'/actStarSearchTour/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
if(data.result.userData.isPaid==0||data.result.userData.isNewUserGiftVoucher==1){
//進入新人流程
if(data.result.userData.newUserAwardTaskNum<5){
$(".act-room-bg").fadeIn(200)
if(data.result.userData.isNewUserGiftSend==0){
goPop=2
$(".act-room-bg").unbind("click").on("click",function(){
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/newMan/pop.html" + location.search+'',
height:'0.5',
heightR:'70',
x:'0',
y:'0.5',
},
success:function(){
}
})
})
}
else{
$(".act-room-bg").unbind("click").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/newMan/index.html" + location.search+'&jump=1', "url": $url + "/activeFt/lucky777/index.html" + location.search+'',
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
} $(".act-room-bg2").on("click",function(){
}
//已經完成了五個任務
else{
$(".act-room-bg").fadeIn(200).removeClass("act-room-bg2")
$(".act-room-bg").unbind("click").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/newMan/index.html" + location.search+'&', "url": $url + "/activeFt/lucky777/index.html" + location.search+'&jump=1',
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
if(data.result.userData.isBuyMonthlyCard==0){ $(".dew-exc").on("click",function(){
goPop=1
}
}
}else{
$(".act-room-bg").fadeIn(200).removeClass("act-room-bg2")
$(".act-room-bg").unbind("click").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/newMan/index.html" + location.search+'&',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
}) })
if(data.result.userData.isBuyMonthlyCard==0){ function view(){
goPop=1 $.ajax({
} url:$ip+'/actLucky777/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
if(data.result.userData.signReceive==0){
$(".act-room-bg").fadeIn(200)
return;
} }
$(".act-title").text(titleName[data.result.roomData.level]) $(".act-room-bg").removClass("act-room-bg2").fadeIn(200)
$(".act-room-p2").text(data.result.roomData.score) $(".act-p1 span").text(data.result.roomData.score)
$(".act-room-p4").text(data.result.roomData.levelScore) $(".act-span2").text(Math.floor(data.result.roomData.score/15000*100))
$(".act-span3").text(data.result.roomData.rank)
} }
}) })
} }
...@@ -176,42 +96,6 @@ $(function(){ ...@@ -176,42 +96,6 @@ $(function(){
setInterval(function(){ setInterval(function(){
view() view()
},60000) },60000)
setTimeout(function() {
if(goPop==2){
setTimeout(function() {
$.ajax({
url:$ip+'/actStarSearchTour/triggerOpenPopup.html',
data:{
},
success:function(){
}
})
}, 300000);
}
if(goPop==1){
if(localStorage.newManLayer==undefined||localStorage.newManLayer<new Date().getTime()){
localStorage.newManLayer=(Number(new Date().getTime())+86400000)
setTimeout(function() {
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/newMan/pop2.html" + location.search+'',
height:'0.5',
heightR:'110',
x:'0',
y:'0.5',
},
success:function(){
}
})
}, 60000);
}
}
}, 3000);
function getData(roomid) { function getData(roomid) {
var opts = { var opts = {
......
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