Skip to content

libai / fsActive

Go to a project
Commit 380daaaa by libai
Options

ft活动上线

parent 95d9abe9
Inline Side-by-side
Showing with 142 additions and 3 deletions
activeFt/newMan/css/index.css
...@@ -12,6 +12,14 @@ ...@@ -12,6 +12,14 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.rule-bg {
width: 10rem;
height: 36rem;
background: url(../images/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
}
.top-btn1 { .top-btn1 {
position: relative; position: relative;
width: 10rem; width: 10rem;
...@@ -30,6 +38,49 @@ ...@@ -30,6 +38,49 @@
background: url(../images/top-btn2.png) no-repeat; background: url(../images/top-btn2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.ref {
width: 0.72rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.callKF {
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
color: #3A76ED;
text-align: center;
font-size: 0.33rem;
}
.callKF > span {
height: 0.5rem;
padding: 0.08rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
background: #f3f3f3;
border-radius: 0.1rem;
color: #025752;
}
.rule-btn {
width: 1.72rem;
height: 0.613rem;
background: url(../images/rule-btn.png) no-repeat;
background-size: 100% 100%;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.back {
width: 1.72rem;
height: 0.613rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.task-box { .task-box {
width: 9.58rem; width: 9.58rem;
height: 13.853rem; height: 13.853rem;
......
activeFt/newMan/css/index.less
...@@ -12,6 +12,14 @@ ...@@ -12,6 +12,14 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.rule-bg{
width: 10rem;
height: 36rem;
background: url(../images/rule-bg.png)no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
}
.top-btn1{ .top-btn1{
position: relative; position: relative;
width: 10rem; width: 10rem;
...@@ -30,7 +38,50 @@ ...@@ -30,7 +38,50 @@
background: url(../images/top-btn2.png)no-repeat; background: url(../images/top-btn2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.ref{
width: 0.72rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.callKF{
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
color: #3A76ED;
text-align: center;
font-size: 0.33rem;
>span{
height: 0.5rem;
padding: 0.08rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
background: #f3f3f3;
border-radius: 0.1rem;
color: #025752;
}
}
.rule-btn{
width: 1.72rem;
height: 0.613rem;
background: url(../images/rule-btn.png)no-repeat;
background-size: 100% 100%;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.back{
width: 1.72rem;
height: 0.613rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.task-box{ .task-box{
width: 9.58rem; width: 9.58rem;
height: 13.853rem; height: 13.853rem;
......
activeFt/newMan/index.html
...@@ -32,6 +32,8 @@ ...@@ -32,6 +32,8 @@
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background:rgb(161 215 255);"> <body style="background:rgb(161 215 255);">
<div class="bg"> <div class="bg">
<img class="ref" src="images/ref.png" alt="">
<div class="rule-btn"></div>
<div style="display: none;" class="layer-card-ok"> <div style="display: none;" class="layer-card-ok">
<div> <div>
購買成功，600寶石已發放<br>明日起每日進入直播間自動發放20寶石<br>有效期至<span class="layer-time-span">XX月XX日</span> 購買成功，600寶石已發放<br>明日起每日進入直播間自動發放20寶石<br>有效期至<span class="layer-time-span">XX月XX日</span>
...@@ -157,6 +159,9 @@ $(function(){ ...@@ -157,6 +159,9 @@ $(function(){
$(".btn-ok").on("click",function(){ $(".btn-ok").on("click",function(){
layer.closeAll() layer.closeAll()
}) })
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
function buy(type){ function buy(type){
$.ajax({ $.ajax({
url:$ip+'/actStarSearchTour/userBuyGoods.html', url:$ip+'/actStarSearchTour/userBuyGoods.html',
......
activeFt/newMan/oldView.html
...@@ -120,7 +120,6 @@ $(function(){ ...@@ -120,7 +120,6 @@ $(function(){
appCollaboration(obj2); appCollaboration(obj2);
}) })
} }
} }
//已經完成了五個任務 //已經完成了五個任務
else{ else{
...@@ -138,6 +137,22 @@ $(function(){ ...@@ -138,6 +137,22 @@ $(function(){
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
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{ }else{
...@@ -155,6 +170,23 @@ $(function(){ ...@@ -155,6 +170,23 @@ $(function(){
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
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-title").text(titleName[data.result.roomData.level]) $(".act-title").text(titleName[data.result.roomData.level])
$(".act-room-p2").text(data.result.roomData.score) $(".act-room-p2").text(data.result.roomData.score)
......
activeFt/newMan/pop2.html
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</div> </div>
<div class="btn-ok"></div> <div class="btn-ok"></div>
</div> </div>
<div class="vip-card-box"> <div style="margin-top: 0;" class="vip-card-box">
<img class="vip-icon" src="images/vip-icon.png" alt=""> <img class="vip-icon" src="images/vip-icon.png" alt="">
<div class="buy-btn btn-Pulse"></div> <div class="buy-btn btn-Pulse"></div>
<p style="display: none;" class="buy-tips">有效期至2024/9/12 </p> <p style="display: none;" class="buy-tips">有效期至2024/9/12 </p>
......
activeFt/newMan/rule.html
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</style> </style>
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background: #130823;"> <body style="background: rgb(161 215 255);">
<div class="rule-bg"> <div class="rule-bg">
<a href="javascript:history.go(-1);"><img class="back" src="images/back.png" alt=""></a> <a href="javascript:history.go(-1);"><img class="back" src="images/back.png" alt=""></a>
<div class="callKF">如有問題點擊聯繫 <span>7*24小時在線客服</span></div> <div class="callKF">如有問題點擊聯繫 <span>7*24小時在線客服</span></div>
......
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