From 9388c860bd269f06e1e103739137332faafad421 Mon Sep 17 00:00:00 2001
From: libai <libai@yazhai.co>
Date: Fri, 30 Aug 2024 17:15:38 +0800
Subject: [PATCH] ft活动上线
---
activeFt/luckyGod/css/index.css | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
activeFt/luckyGod/css/index.less | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
activeFt/luckyGod/images/img_v3_02e7_5f488c7c-d706-4b8c-85c4-f22fe30baa6g.png | Bin 132533 -> 0 bytes
activeFt/luckyGod/images/layer-rule.png | Bin 0 -> 132533 bytes
activeFt/luckyGod/images/nav-bg.png | Bin 0 -> 4974 bytes
activeFt/luckyGod/images/rule-bg.png | Bin 0 -> 746743 bytes
activeFt/luckyGod/index.html | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++++++-
activeFt/luckyGod/rule.html | 3 +--
8 files changed, 304 insertions(+), 3 deletions(-)
delete mode 100644 activeFt/luckyGod/images/img_v3_02e7_5f488c7c-d706-4b8c-85c4-f22fe30baa6g.png
create mode 100644 activeFt/luckyGod/images/layer-rule.png
create mode 100644 activeFt/luckyGod/images/nav-bg.png
create mode 100644 activeFt/luckyGod/images/rule-bg.png
diff --git a/activeFt/luckyGod/css/index.css b/activeFt/luckyGod/css/index.css
index 2a50ea8..d7d6ca5 100644
--- a/activeFt/luckyGod/css/index.css
+++ b/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;
diff --git a/activeFt/luckyGod/css/index.less b/activeFt/luckyGod/css/index.less
index 6b310f3..483c586 100644
--- a/activeFt/luckyGod/css/index.less
+++ b/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;
diff --git a/activeFt/luckyGod/images/img_v3_02e7_5f488c7c-d706-4b8c-85c4-f22fe30baa6g.png b/activeFt/luckyGod/images/img_v3_02e7_5f488c7c-d706-4b8c-85c4-f22fe30baa6g.png
deleted file mode 100644
index e0e32d5..0000000
Binary files a/activeFt/luckyGod/images/img_v3_02e7_5f488c7c-d706-4b8c-85c4-f22fe30baa6g.png and /dev/null differ
diff --git a/activeFt/luckyGod/images/layer-rule.png b/activeFt/luckyGod/images/layer-rule.png
new file mode 100644
index 0000000..e0e32d5
Binary files /dev/null and b/activeFt/luckyGod/images/layer-rule.png differ
diff --git a/activeFt/luckyGod/images/nav-bg.png b/activeFt/luckyGod/images/nav-bg.png
new file mode 100644
index 0000000..b1fae3a
Binary files /dev/null and b/activeFt/luckyGod/images/nav-bg.png differ
diff --git a/activeFt/luckyGod/images/rule-bg.png b/activeFt/luckyGod/images/rule-bg.png
new file mode 100644
index 0000000..2c6faf9
Binary files /dev/null and b/activeFt/luckyGod/images/rule-bg.png differ
diff --git a/activeFt/luckyGod/index.html b/activeFt/luckyGod/index.html
index 07c4cb1..02ef5b8 100644
--- a/activeFt/luckyGod/index.html
+++ b/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,
diff --git a/activeFt/luckyGod/rule.html b/activeFt/luckyGod/rule.html
index 64529ef..8c925df 100644
--- a/activeFt/luckyGod/rule.html
+++ b/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")
--
libgit2 0.25.0