Skip to content

libai / fsActive

Go to a project
Commit fb7c395c by libai
Options

ft活动上线

parent 56f7d246
Inline Side-by-side
Showing with 166 additions and 23 deletions
activeFt/lucky777/css/index.css
......@@ -107,12 +107,79 @@
background: url(../images/en/user-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .rule-btn {
background: url(../images/en/rule-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .min-num {
left: -3.5rem !important;
top: 0.43rem !important;
}
.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: #50504a;
}
.rule-bg {
width: 10rem;
margin: 0 auto;
background: url(../images/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
height: 41.9rem;
}
.rule-btn {
width: 2.08rem;
height: 0.72rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
background: url(../images/rule-btn.png) no-repeat;
background-size: 100% 100%;
}
.back {
width: 2.08rem;
height: 0.72rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.rule-bg-en {
width: 10rem;
margin: 0 auto;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
height: 47.9rem;
}
.bg {
width: 10rem;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.ref {
width: 0.8rem;
position: fixed;
left: 0;
top: 5rem;
z-index: 500;
}
.layer-dew {
display: none;
position: relative;
......
activeFt/lucky777/css/index.less
......@@ -112,6 +112,66 @@
background: url(../images/en/user-btn2.png) no-repeat;
background-size: 100% 100%;
}
.rule-btn{
background: url(../images/en/rule-btn.png)no-repeat;
background-size: 100% 100%;
}
.min-num{
left: -3.5rem !important;
top: 0.43rem !important;
}
}
.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: #50504a;
}
}
.rule-bg{
width: 10rem;
margin: 0 auto;
background: url(../images/rule-bg.png)no-repeat;
background-size: 100% auto;
position: relative;
height: 41.9rem;
}
.rule-btn{
width: 2.08rem;
height: 0.72rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
background: url(../images/rule-btn.png)no-repeat;
background-size: 100% 100%;
}
.back{
width: 2.08rem;
height: 0.72rem;
position: fixed;
right: 0;
top: 5rem;
z-index: 500;
}
.rule-bg-en{
width: 10rem;
margin: 0 auto;
background: url(../images/en/rule-bg.png)no-repeat;
background-size: 100% auto;
position: relative;
height: 47.9rem;
}
.bg{
width: 10rem;
......@@ -119,6 +179,13 @@
position: relative;
overflow: hidden;
}
.ref{
width: 0.8rem;
position: fixed;
left: 0;
top: 5rem;
z-index: 500;
}
.layer-dew{
display: none;
position: relative;
......
activeFt/lucky777/index.html
......@@ -31,9 +31,12 @@
</head>
<script src="lib/lottie-player.js"></script>
<body style="background:#0C0904;">
<div class="layer-dew"></div>
<div class="layer-turn"></div>
<div class="bg">
<img class="ref" src="images/ref.png" alt="">
<div class="rule-btn"></div>
<div class="banner"></div>
<div class="top-btn1">
<div></div>
......@@ -126,8 +129,17 @@
<script src="lib/swiper.min.js"></script>
<script>
$(function(){
if(sessionStorage.jump==1){
$(".mc-box").hide()
$(".user-box").fadeIn(200)
$(".top-btn1").addClass("top-btn2")
$("iframe").attr("src","http://test.ybact.yazhaiyabo.com/active2020/superDew/index.html"+location.search+""+"&roomid=999996")
userRank(2)
task()
}
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".top-like").attr("src","images/en/like.png")
}
list()
top()
......@@ -144,6 +156,9 @@ $(function(){
userRank(2)
task()
})
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
})
$(".dew-btn").on("click",function(){
layer.open({
type: 1,
......@@ -372,7 +387,7 @@ $(function(){
html+='<li>';
html+='<div class="user-box1">'+(i+1)+'</div>';
html+='<div class="user-box2">';
html+='<img class="user-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">'+list.name+'';
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="user-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>'+list.name+'';
html+='</div>';
if(sessionStorage.lang==2)html+='<div class="user-box3">幸運值: <span>'+list.score+'</span></div>';
else html+='<div class="user-box3">score: <span>'+list.score+'</span></div>';
......
activeFt/lucky777/lib/default.js
......@@ -69,7 +69,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
}
if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=1
sessionStorage.uid =155800;
sessionStorage.uid =155100;
sessionStorage.token = 'debug'
sessionStorage.roomId=11134747;
sessionStorage.version=8890
......
activeFt/lucky777/oldView.html
......@@ -31,8 +31,8 @@
<script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0);">
<div style="display: none;" class="act-room-bg act-room-bg2">
<p class="act-p1">主播積分: <span>8000</span></p>
<p class="act-p2">進度: <span class="act-span2" style="margin-right: 0.5rem;">18%</span> 排名: <span class="act-span3">5</span></p>
<p class="act-p1"><i class="en-txt1">主播積分</i>: <span>8000</span></p>
<p class="act-p2"><i class="en-txt2">進度</i>: <span class="act-span2" style="margin-right: 0.5rem;">18%</span> <i class="en-txt3">排名</i>: <span class="act-span3">5</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -45,29 +45,21 @@ $(function(){
// $("body").addClass("bg-en")
// $(".act-room-p1").text("score:")
// $(".act-room-p3").text("goal:")
$(".en-txt1").text("score")
$(".en-txt2").text("PROG")
$(".en-txt3").text("rank")
}
$(".act-room-bg").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/lucky777/index.html" + location.search+'',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
var jump=1
})
$(".act-room-bg2").on("click",function(){
$(".act-room-bg").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/lucky777/index.html" + location.search+'&jump=1',
"url": $url + "/activeFt/lucky777/index.html" + location.search+'&jump='+jump+'',
}
}
var obj2 = JSON.stringify(obj);
......@@ -85,10 +77,12 @@ $(function(){
$(".act-room-bg").fadeIn(200)
return;
}
$(".act-room-bg").removClass("act-room-bg2").fadeIn(200)
jump=2
$(".act-room-bg").removeClass("act-room-bg2").fadeIn(200)
$(".act-p1 span").text(data.result.roomData.score)
$(".act-span2").text(Math.floor(data.result.roomData.score/15000*100))
$(".act-span3").text(data.result.roomData.rank)
if(data.result.roomData.rank==-1)$(".act-span3").text('--')
else $(".act-span3").text(data.result.roomData.rank)
}
})
}
......
activeFt/lucky777/rule.html
......@@ -8,7 +8,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>幸運女神降臨</title>
<title>lucky777</title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
......@@ -29,7 +29,7 @@
</style>
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: rgb(161 215 255);">
<body style="background:#0C0904;">
<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>
......
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