Skip to content

libai / fsActive

Go to a project
Commit 8f91dc58 by libai
Options

ft活动上线

parent 100327fb
Inline Side-by-side
Showing with 223 additions and 120 deletions
activeFt/newMan/index.html
...@@ -198,6 +198,7 @@ $(function(){ ...@@ -198,6 +198,7 @@ $(function(){
area: ["9.58rem", "6.56rem"], area: ["9.58rem", "6.56rem"],
content: $(".layer-card-ok"), content: $(".layer-card-ok"),
end: function () { end: function () {
task()
$(".layui-layer-shade").hide() $(".layui-layer-shade").hide()
} }
}) })
......
ftIcon/action2/css/index.css
.bg-en .act-room-bg {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg { .act-room-bg {
width: 10rem; width: 10rem;
height: 5.972rem; height: 5.646rem;
background: url(../images/act-room-bg.png) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
margin-top: -0.3rem;
} }
.act-room-bg2 { .act-room-bg2 {
width: 8rem; width: 8rem;
height: 4.393rem;
float: right; float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png) no-repeat; background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
margin-top: 0;
} }
.act-room-bg2 p { .act-room-bg2 > div,
display: none; .act-room-bg2 > p {
font-size: 0;
} }
.act-room-p1 { .act-room-p1 {
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 2.2rem; top: 1.85rem;
left: 1rem; left: 0.5rem;
}
.act-room-p1 span {
color: #F83FFF;
} }
.act-room-p2 { .act-room-p2 {
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 1.9rem;
left: 1rem; left: 4.9rem;
} font-weight: 700;
.act-room-p2 span {
color: #F83FFF;
} }
.act-room-p3 { .act-room-p3 {
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute;
top: 3.3rem;
left: 0.5rem;
}
.act-room-p4 {
width: 5rem;
text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 3.3rem;
left: 5.6rem; left: 4.9rem;
font-weight: 700;
} }
.act-room-p3 span { .act-title {
color: #F83FFF; position: absolute;
top: 0.2rem;
width: 10rem;
text-align: center;
font-size: 0.8rem;
font-weight: 700;
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC;
} }
ftIcon/action2/css/index.less
.bg-en{
.act-room-bg{
background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg{ .act-room-bg{
width: 10rem; width: 10rem;
height: 5.972rem; height: 5.646rem;
background: url(../images/act-room-bg.png)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
margin-top: -0.3rem;
} }
.act-room-bg2{ .act-room-bg2{
width: 8rem; width: 8rem;
height: 4.393rem;
float: right; float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png)no-repeat; background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; >div,>p{
margin-top: 0; font-size: 0;
p{
display: none;
} }
} }
.act-room-p1{ .act-room-p1{
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 2.2rem; top: 1.85rem;
left: 1rem; left: 0.5rem;
span{
color: #F83FFF;
}
} }
.act-room-p2{ .act-room-p2{
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 1.9rem;
left: 1rem; left: 4.9rem;
span{ font-weight: 700;
color: #F83FFF;
}
} }
.act-room-p3{ .act-room-p3{
font-size: 0.78rem; width: 5rem;
color: #CA9FFF; text-align: center;
color: #467EEE;
font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.7rem; top: 3.3rem;
left: 5.6rem; left: 0.5rem;
span{ }
color: #F83FFF; .act-room-p4{
} width: 5rem;
text-align: left;
color: #FF5000;
font-size: 0.8rem;
position: absolute;
top: 3.3rem;
left: 4.9rem;
font-weight: 700;
}
.act-title{
position: absolute;
top: 0.2rem;
width: 10rem;
text-align: center;
font-size: 0.8rem;
font-weight: 700;
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC;
} }
\ No newline at end of file
ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png

12.5 KB | W: | H:

ftIcon/action2/images/act-room-bg.png

19.2 KB | W: | H:

ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/action2/images/act-room-bg2.png
ftIcon/action2/images/act-room-bg2.png

7.08 KB | W: | H:

ftIcon/action2/images/act-room-bg2.png

13.7 KB | W: | H:

ftIcon/action2/images/act-room-bg2.png
ftIcon/action2/images/act-room-bg2.png
ftIcon/action2/images/act-room-bg2.png
ftIcon/action2/images/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/action2/index.html
...@@ -31,9 +31,11 @@ ...@@ -31,9 +31,11 @@
<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">
<p class="act-room-p1"><i class="txt1">主播積分</i> : <span>80000</span></p> <div class="act-title">閃亮新星</div>
<p class="act-room-p2"><i class="txt2">進度</i> : <span>18%</span></p> <p class="act-room-p1">主播積分:</p>
<p class="act-room-p3"><i class="txt3">排名</i> : <span>5</span></p> <p class="act-room-p2">8000</p>
<p class="act-room-p3">目標積分:</p>
<p class="act-room-p4">28000</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>
...@@ -67,59 +69,147 @@ $(function(){ ...@@ -67,59 +69,147 @@ $(function(){
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actTheLuckFairy/getRoomPartData.html', url:$ip+'/actStarSearchTour/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
if(data.result.userData.signReceive==0){ if(data.result.userData.isPaid==0||data.result.userData.isNewUserGiftVoucher==1){
$(".act-room-bg").addClass("act-room-bg2").show() //進入新人流程
return; if(data.result.userData.newUserAwardTaskNum<5){
$(".act-room-bg").fadeIn(200)
if(data.result.userData.isNewUserGiftSend==0){
$(".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 = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/newMan/index.html" + location.search+'&jump=1',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
}
}
//已經完成了五個任務
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){
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(){
}
})
}, 10000);
}
}
}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){
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(){
}
})
}, 10000);
}
} }
$(".act-room-bg").removeClass("act-room-bg2").show() $(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-p1 span").text(data.result.roomData.score) $(".act-room-p2").text(data.result.roomData.score)
$(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100)) $(".act-room-p4").text(data.result.roomData.levelScore)
$(".act-room-p3 span").text(data.result.roomData.rank)
} }
}) })
} }
view() view()
setInterval(function(){ setInterval(function(){
view() view()
},60000) },60000)
setTimeout(function(){
if(localStorage.gardenLayer==undefined||localStorage.gardenLayer<new Date().getTime()){
localStorage.gardenLayer=(Number(new Date().getTime())+86400000)
$.ajax({
url:$ip+'/actSecretGarden/openPopup.html',
data:{
width:'0',
popupUrl:$url + "/activeFt/garden/pop.html",
height:'0.5',
heightR:'106',
x:'0',
y:'0.5',
},
success:function(){
} // $(".act-room-bg").on("click",function(){
}) // var obj = {
} // "cid": 31,
},30000) // "reqCode": new Date().getTime(),
$(".act-room-bg").on("click",function(){ // "data": {
var obj = { // "popupType":2,
"cid": 31, // // "width":314,
"reqCode": new Date().getTime(), // "url":''+$url+'activeFt/luckyGod/index.html',
"data": { // "heightR":140,
"popupType":2, // "clickBlank":1,
// "width":314, // "bottom":'0',
"url":''+$url+'activeFt/luckyGod/index.html', // }
"heightR":140, // }
"clickBlank":1, // var obj2 = JSON.stringify(obj);
"bottom":'0', // appCollaboration(obj2);
} // })
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
function getData(roomid) { function getData(roomid) {
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