Skip to content

libai / fsActive

Go to a project
Commit 9388c860 by libai
Options

ft活动上线

parent dc916699
Inline Side-by-side
Showing with 304 additions and 3 deletions
activeFt/luckyGod/css/index.css
......@@ -4,6 +4,40 @@
position: relative;
overflow: hidden;
}
.rule-bg {
width: 10rem;
height: 61.4rem;
background: url(../images/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
z-index: 500;
}
.back {
width: 1.586rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.callKF {
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
color: #FBF3FF;
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;
}
.layer-day {
width: 9.98rem;
height: 12.906rem;
......@@ -41,6 +75,96 @@
background: url(../images/banner.png) no-repeat;
background-size: 100% 100%;
}
.bottom-nav {
width: 10rem;
height: 1.973rem;
background: url(../images/nav-bg.png) no-repeat;
background-size: 100% 100%;
display: none;
position: fixed;
z-index: 500;
bottom: 0;
left: 0;
}
.bottom-nav li {
width: 8.58rem;
height: 2.5rem;
margin: 0 auto;
margin-top: -0.2rem;
}
.bottom-nav .li-top {
background: url(../images/list-bg1.png) no-repeat;
background-size: 100% 100%;
}
.bottom-nav .li-top .li-box1 {
font-size: 0;
}
.bottom-nav .li-box1 {
width: 1rem;
height: 2.5rem;
float: left;
position: relative;
line-height: 2.5rem;
text-align: center;
font-size: 0.5rem;
font-weight: 700;
color: #fff;
text-shadow: 0.03rem 0.03rem 0.03rem #A12CDE, -0.03rem 0.03rem 0.03rem #A12CDE, 0.03rem -0.03rem 0.03rem #A12CDE, -0.03rem -0.03rem 0.03rem #A12CDE;
}
.bottom-nav .li-mc-face {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
position: absolute;
top: 0.6rem;
left: 0.2rem;
}
.bottom-nav .li-user-face {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
position: absolute;
top: 0.6rem;
left: 1.6rem;
}
.bottom-nav .li-box2 {
width: 5.3rem;
height: 2.5rem;
float: left;
position: relative;
color: #fff;
font-size: 0.33rem;
text-indent: 2rem;
}
.bottom-nav .li-box2 .li-p1 {
padding-top: 0.7rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bottom-nav .li-box2 .li-p2 {
font-size: 0.3rem;
color: #DEB7FF;
padding-top: 0.1rem;
}
.bottom-nav .li-box3 {
width: 2.2rem;
height: 2.5rem;
line-height: 2.5rem;
float: left;
position: relative;
font-size: 0;
text-align: center;
}
.bottom-nav .li-box3 p {
font-size: 0.35rem;
color: #fff;
text-shadow: 0.03rem 0.03rem 0.03rem #A12CDE, -0.03rem 0.03rem 0.03rem #A12CDE, 0.03rem -0.03rem 0.03rem #A12CDE, -0.03rem -0.03rem 0.03rem #A12CDE;
}
.bottom-nav .li-box3 > img {
vertical-align: middle;
width: 1.94rem;
}
.top-btn1 {
width: 10rem;
height: 1.706rem;
......
activeFt/luckyGod/css/index.less
......@@ -4,6 +4,40 @@
position: relative;
overflow: hidden;
}
.rule-bg{
width: 10rem;
height: 61.4rem;
background: url(../images/rule-bg.png)no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
z-index: 500;
}
.back{
width: 1.586rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.callKF{
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
color: #FBF3FF;
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;
}
}
.layer-day{
width: 9.98rem;
height: 12.906rem;
......@@ -41,6 +75,96 @@
background: url(../images/banner.png)no-repeat;
background-size: 100% 100%;
}
.bottom-nav{
width: 10rem;
height: 1.973rem;
background: url(../images/nav-bg.png)no-repeat;
background-size: 100% 100%;
display: none;
position: fixed;
z-index: 500;
bottom: 0;
left: 0;
li{
width: 8.58rem;
height: 2.5rem;
margin: 0 auto;
margin-top: -0.2rem;
}
.li-top{
background: url(../images/list-bg1.png)no-repeat;
background-size: 100% 100%;
.li-box1{
font-size: 0;
}
}
.li-box1{
width: 1rem;
height: 2.5rem;
float: left;
position: relative;
line-height: 2.5rem;
text-align: center;
font-size: 0.5rem;
font-weight: 700;
color: #fff;
text-shadow: 0.03rem 0.03rem 0.03rem #A12CDE,-0.03rem 0.03rem 0.03rem #A12CDE,0.03rem -0.03rem 0.03rem #A12CDE,-0.03rem -0.03rem 0.03rem #A12CDE;
}
.li-mc-face{
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
position: absolute;
top: 0.6rem;
left: 0.2rem;
}
.li-user-face{
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
position: absolute;
top: 0.6rem;
left: 1.6rem;
}
.li-box2{
width: 5.3rem;
height: 2.5rem;
float: left;
position: relative;
color: #fff;
font-size: 0.33rem;
text-indent: 2rem;
.li-p1{
padding-top: 0.7rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.li-p2{
font-size: 0.3rem;
color: #DEB7FF;
padding-top: 0.1rem;
}
}
.li-box3{
width: 2.2rem;
height: 2.5rem;
line-height: 2.5rem;
float: left;
position: relative;
font-size: 0;
text-align: center;
p{
font-size: 0.35rem ;
color: #fff;
text-shadow: 0.03rem 0.03rem 0.03rem #A12CDE,-0.03rem 0.03rem 0.03rem #A12CDE,0.03rem -0.03rem 0.03rem #A12CDE,-0.03rem -0.03rem 0.03rem #A12CDE;
}
>img{
vertical-align: middle;
width: 1.94rem;
}
}
}
.top-btn1{
width: 10rem;
height: 1.706rem;
......
activeFt/luckyGod/index.html
......@@ -75,6 +75,18 @@
</ul>
</div>
<div style="height: 2rem;"></div>
<div class="bottom-nav">
<!-- <li>
<div class="li-box1">2</div>
<div class="li-box2">
<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="li-p1">主播暱稱預留</p>
<p class="li-p2">積分: 123456</p>
</div>
<div class="li-box3"><img src="images/over.png" alt=""></div>
</li> -->
</div>
</div>
<div class="user-box" style="display: none;">
<div class="task-box">
......@@ -85,7 +97,7 @@
</div>
<div data-type="4" class="task4 "></div>
</div>
<div class="lucky-text-box"></div>
<div class="turn-box">
<div class="turn-center"></div>
<div class="turn-reg-box"></div>
......@@ -94,6 +106,8 @@
<div class="day-box">
<div class="day-box-btn"></div>
</div>
<div class="lucky-text-box"></div>
</div>
</div>
</body>
......@@ -132,6 +146,9 @@ $(function(){
})
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
$(".ok-btn").on("click",function(){
layer.closeAll()
})
......@@ -260,6 +277,8 @@ $(function(){
}
})
}
if(sessionStorage.roomId!=0) bottom()
function bottom(){
$.ajax({
url:$ip+'/actTheLuckFairy/getViewBottomData.html',
......@@ -268,6 +287,23 @@ $(function(){
},
success:function(data){
console.log('获取底部导航栏信息',data)
var html=[];
var list=data.result.roomData;
html+='<li>';
html+='<div class="li-box1">'+list.rank+'</div>';
html+='<div class="li-box2">';
html+='<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt="">';
// html+='<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">';
html+='<p class="li-p1">'+list.roomName+'</p>';
html+='<p class="li-p2">積分: '+list.score+'</p>';
html+='</div>';
if(list.score>=10000){
html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
}else{
html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>';
}
html+='</li>';
$(".bottom-nav").html(html).show()
}
})
}
......@@ -357,6 +393,19 @@ $(function(){
var goDeg=720+(360-(e-1)*45)
$(".turn-center").css("transform","rotate("+goDeg+"deg)")
}
var userRegTimer=null
function checkReg(){
$.ajax({
url:$ip+'/actTheLuckFairy/getUserRechargeData.html',
success:function(data){
console.log('检查用户储值',data)
if(data.result.status>0){
user()
}
}
})
}
function user(){
$.ajax({
url:$ip+'/actTheLuckFairy/getWelfareData.html',
......@@ -371,7 +420,12 @@ $(function(){
$(".day-box-btn").addClass("day-box-btn-end")
}
//儲值抽獎
clearInterval(userRegTimer)
if(data.result.welfareList[0].status==0){
userRegTimer=setInterval(function(){
checkReg()
},5000)
$(".turn-reg-box").unbind("click").on("click",function(){
var obj = {
"cid": 12,
......
activeFt/luckyGod/rule.html
......@@ -29,7 +29,7 @@
</style>
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: rgb(58,124,37);">
<body style="background: #130823;">
<div class="rule-bg">
<a href="javascript:history.go(-1);"><img class="back" src="images/back.png" alt=""></a>
<div class="callKF">如有問題點擊聯繫 <span>7*24小時在線客服</span></div>
......@@ -55,7 +55,6 @@ $(function(){
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang!=2){
$()
$("title").text('Her Secret Garden')
$(".back").attr("src","images/en/back.png")
$("title").text("Her Secret Garden")
......
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