Skip to content

libai / fsActive

Go to a project
Commit dc916699 by libai
Options

ft活动上线

parent 4b257313
Inline Side-by-side
Showing with 63 additions and 12 deletions
activeFt/luckyGod/css/index.css
...@@ -12,6 +12,20 @@ ...@@ -12,6 +12,20 @@
position: relative; position: relative;
display: none; display: none;
} }
.ref {
width: 0.8rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.rule-btn {
width: 1.72rem;
position: fixed;
top: 5rem;
right: 0;
z-index: 500;
}
.ok-btn { .ok-btn {
width: 3.26rem; width: 3.26rem;
height: 1.106rem; height: 1.106rem;
...@@ -72,6 +86,7 @@ ...@@ -72,6 +86,7 @@
position: absolute; position: absolute;
top: 2.8rem; top: 2.8rem;
left: 1.93rem; left: 1.93rem;
transition: 3.5s all;
} }
.pointer { .pointer {
width: 1.392rem; width: 1.392rem;
...@@ -250,6 +265,9 @@ ...@@ -250,6 +265,9 @@
} }
.list-ul .li-box2 .li-p1 { .list-ul .li-box2 .li-p1 {
padding-top: 0.7rem; padding-top: 0.7rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }
.list-ul .li-box2 .li-p2 { .list-ul .li-box2 .li-p2 {
font-size: 0.3rem; font-size: 0.3rem;
......
activeFt/luckyGod/css/index.less
...@@ -12,6 +12,20 @@ ...@@ -12,6 +12,20 @@
position: relative; position: relative;
display: none; display: none;
} }
.ref{
width: 0.8rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.rule-btn{
width: 1.72rem;
position: fixed;
top: 5rem;
right: 0;
z-index: 500;
}
.ok-btn{ .ok-btn{
width: 3.26rem; width: 3.26rem;
height: 1.106rem; height: 1.106rem;
...@@ -72,6 +86,8 @@ ...@@ -72,6 +86,8 @@
position: absolute; position: absolute;
top: 2.8rem; top: 2.8rem;
left: 1.93rem; left: 1.93rem;
transition: 3.5s all;
} }
.pointer{ .pointer{
width: 1.392rem; width: 1.392rem;
...@@ -250,6 +266,9 @@ ...@@ -250,6 +266,9 @@
text-indent: 3rem; text-indent: 3rem;
.li-p1{ .li-p1{
padding-top: 0.7rem; padding-top: 0.7rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }
.li-p2{ .li-p2{
font-size: 0.3rem; font-size: 0.3rem;
......
activeFt/luckyGod/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: #130823;"> <body style="background: #130823;">
<div class="bg"> <div class="bg">
<img class="ref" src="images/ref.png" alt="">
<img class="rule-btn" src="images/rule-btn.png" alt="">
<div class="layer-day"> <div class="layer-day">
<div class="ok-btn"></div> <div class="ok-btn"></div>
</div> </div>
...@@ -72,6 +74,7 @@ ...@@ -72,6 +74,7 @@
</li> --> </li> -->
</ul> </ul>
</div> </div>
<div style="height: 2rem;"></div>
</div> </div>
<div class="user-box" style="display: none;"> <div class="user-box" style="display: none;">
<div class="task-box"> <div class="task-box">
...@@ -126,6 +129,8 @@ $(function(){ ...@@ -126,6 +129,8 @@ $(function(){
$(".user-box").fadeIn(200) $(".user-box").fadeIn(200)
task() task()
user() user()
}) })
$(".ok-btn").on("click",function(){ $(".ok-btn").on("click",function(){
layer.closeAll() layer.closeAll()
...@@ -146,17 +151,21 @@ $(function(){ ...@@ -146,17 +151,21 @@ $(function(){
if(data.result.rewardId<4) $(".layer-reg-gift img").attr("src","images/gift/g1.png") if(data.result.rewardId<4) $(".layer-reg-gift img").attr("src","images/gift/g1.png")
else $(".layer-reg-gift img").attr("src","images/gift/g"+data.result.rewardId+".png") else $(".layer-reg-gift img").attr("src","images/gift/g"+data.result.rewardId+".png")
layer.open({ turnShow(data.result.rewardId)
type: 1, setTimeout(function() {
title: false, layer.open({
shadeClose: true, type: 1,
skin: "yourclass5", title: false,
area: ["10rem", "auto"], shadeClose: true,
content: $(".layer-reg"), skin: "yourclass5",
end: function () { area: ["10rem", "auto"],
$(".layui-layer-shade").hide() content: $(".layer-reg"),
} end: function () {
}) $(".layui-layer-shade").hide()
}
})
}, 3600);
} }
}) })
} }
...@@ -169,6 +178,7 @@ $(function(){ ...@@ -169,6 +178,7 @@ $(function(){
layer.msg(data.msg) layer.msg(data.msg)
return; return;
} }
layer.open({ layer.open({
type: 1, type: 1,
title: false, title: false,
...@@ -342,7 +352,11 @@ $(function(){ ...@@ -342,7 +352,11 @@ $(function(){
} }
}) })
} }
function turnShow(e){
var goDeg=720+(360-(e-1)*45)
$(".turn-center").css("transform","rotate("+goDeg+"deg)")
}
function user(){ function user(){
$.ajax({ $.ajax({
url:$ip+'/actTheLuckFairy/getWelfareData.html', url:$ip+'/actTheLuckFairy/getWelfareData.html',
......
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