Skip to content

libai / fsActive

Go to a project
Commit 56f7d246 by libai
Options

ft活动上线

parent 69efffd8
Inline Side-by-side
Showing with 452 additions and 60 deletions
activeFt/lucky777/css/index.css
.bg-en .top-btn1 {
background: url(../images/en/top-btn1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .top-btn2 {
background: url(../images/en/top-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .gift-box {
background: url(../images/en/gift-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .gift-box2 {
background: url(../images/en/gift-box2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .list-floor {
background: url(../images/en/list-floor.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .list-bg {
background: url(../images/en/list-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-box {
background: url(../images/en/task-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .dew-btn {
background: url(../images/en/dew-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task4 {
top: 9.2rem;
}
.bg-en .task1-btn {
background: url(../images/en/task1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task2-btn {
background: url(../images/en/task2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task3-btn {
background: url(../images/en/task3.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task4-btn {
background: url(../images/en/task4.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task5-btn {
background: url(../images/en/task5.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task6-btn {
background: url(../images/en/task6.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .lucky-title {
background: url(../images/lucky-title.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-dew {
background: url(../images/en/layer-dew.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-turn {
background: url(../images/en/layer-turn.png) no-repeat;
background-size: 100% 100%;
height: 6.82rem;
}
.bg-en .lucky-title {
background: url(../images/en/lucky-title.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .game-rule {
background: url(../images/en/game-rule.png) no-repeat;
background-size: 100% 100%;
top: 1.65rem;
right: 0.3rem;
}
.bg-en .dew-exc {
background: url(../images/en/dew-exc.png) no-repeat;
background-size: 100% 100%;
top: 1.65rem;
left: 0.3rem;
}
.bg-en .user-list-title {
background: url(../images/en/user-list-title.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-list-box {
background: url(../images/en/user-list-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-list-box {
background: url(../images/en/user-list-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .user-btn1 {
background: url(../images/en/user-btn1.png) no-repeat;
background-size: 100% 100%;
margin-top: 1.5rem;
}
.bg-en .user-btn2 {
background: url(../images/en/user-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg {
width: 10rem;
margin: 0 auto;
......@@ -508,6 +617,13 @@ iframe {
left: 7rem;
top: 7.1rem;
}
.task3 .min-num {
position: absolute;
font-size: 0.35rem;
color: #F7EDAE;
left: -3.4rem;
top: -0.07rem;
}
.task4 {
position: absolute;
width: 1.98rem;
......@@ -630,3 +746,92 @@ iframe {
background: url(../images/dew-exc.png) no-repeat;
background-size: 100% 100%;
}
.bottom-nav {
width: 10rem;
height: 2.34rem;
background: url(../images/nav.png) no-repeat;
background-size: 100% 100%;
position: fixed;
bottom: 0;
left: 0;
display: none;
z-index: 500;
}
.bottom-nav li {
width: 8.61rem;
height: 1.72rem;
margin: 0 auto;
margin-top: 0.3rem;
margin-bottom: 0.2rem;
overflow: hidden;
}
.bottom-nav .li-box1 {
width: 1rem;
height: 1.72rem;
float: left;
position: relative;
line-height: 1.72rem;
text-align: center;
font-size: 0.35rem;
font-weight: 700;
color: #FFFFCA;
}
.bottom-nav .li-box1 > img {
vertical-align: middle;
width: 0.73rem;
margin-top: -0.1rem;
}
.bottom-nav .li-mc-face {
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
position: absolute;
top: 0.3rem;
left: 0.1rem;
}
.bottom-nav .li-user-face {
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
position: absolute;
top: 0.3rem;
left: 1.25rem;
}
.bottom-nav .li-box2 {
width: 5.3rem;
height: 1.72rem;
float: left;
position: relative;
color: #333;
font-size: 0.33rem;
text-indent: 1.8rem;
}
.bottom-nav .li-box2 .li-p1 {
padding-top: 0.4rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bottom-nav .li-box2 .li-p2 {
font-size: 0.35rem;
text-shadow: 0.02rem 0.02rem 0.02rem #666;
color: #FFF446;
padding-top: 0.06rem;
}
.bottom-nav .li-box3 {
width: 2.2rem;
height: 1.72rem;
line-height: 1.72rem;
float: left;
position: relative;
font-size: 0;
text-align: center;
}
.bottom-nav .li-box3 p {
font-size: 0.35rem;
color: #FFF446;
}
.bottom-nav .li-box3 > img {
vertical-align: middle;
width: 1.94rem;
}
activeFt/lucky777/css/index.less
.bg-en{
.banner{
// background: url(../images/en/banner.png) no-repeat;
// background-size: 100% 100%;
}
.top-btn1{
background: url(../images/en/top-btn1.png) no-repeat;
background-size: 100% 100%;
}
.top-btn2{
background: url(../images/en/top-btn2.png) no-repeat;
background-size: 100% 100%;
}
.gift-box{
background: url(../images/en/gift-box.png) no-repeat;
background-size: 100% 100%;
}
.gift-box2{
background: url(../images/en/gift-box2.png) no-repeat;
background-size: 100% 100%;
}
.list-floor{
background: url(../images/en/list-floor.png) no-repeat;
background-size: 100% 100%;
}
.list-bg{
background: url(../images/en/list-bg.png) no-repeat;
background-size: 100% 100%;
}
.task-box{
background: url(../images/en/task-box.png) no-repeat;
background-size: 100% 100%;
}
.dew-btn{
background: url(../images/en/dew-btn.png) no-repeat;
background-size: 100% 100%;
}
.task4{
top: 9.2rem;
}
.task1-btn{
background: url(../images/en/task1.png) no-repeat;
background-size: 100% 100%;
}
.task2-btn{
background: url(../images/en/task2.png) no-repeat;
background-size: 100% 100%;
}
.task3-btn{
background: url(../images/en/task3.png) no-repeat;
background-size: 100% 100%;
}
.task4-btn{
background: url(../images/en/task4.png) no-repeat;
background-size: 100% 100%;
}
.task5-btn{
background: url(../images/en/task5.png) no-repeat;
background-size: 100% 100%;
}
.task6-btn{
background: url(../images/en/task6.png) no-repeat;
background-size: 100% 100%;
}
.lucky-title{
background: url(../images/lucky-title.png) no-repeat;
background-size: 100% 100%;
}
.layer-dew{
background: url(../images/en/layer-dew.png) no-repeat;
background-size: 100% 100%;
}
.layer-turn{
background: url(../images/en/layer-turn.png) no-repeat;
background-size: 100% 100%;
height: 6.82rem;
}
.lucky-title{
background: url(../images/en/lucky-title.png) no-repeat;
background-size: 100% 100%;
}
.game-rule{
background: url(../images/en/game-rule.png) no-repeat;
background-size: 100% 100%;
top: 1.65rem;
right: 0.3rem;
}
.dew-exc{
background: url(../images/en/dew-exc.png) no-repeat;
background-size: 100% 100%;
top: 1.65rem;
left: 0.3rem;
}
.user-list-title{
background: url(../images/en/user-list-title.png) no-repeat;
background-size: 100% 100%;
}
.user-list-box{
background: url(../images/en/user-list-box.png) no-repeat;
background-size: 100% 100%;
}
.user-list-box{
background: url(../images/en/user-list-box.png)no-repeat;
background-size: 100% 100%;
}
.user-btn1{
background: url(../images/en/user-btn1.png) no-repeat;
background-size: 100% 100%;
margin-top: 1.5rem;
}
.user-btn2{
background: url(../images/en/user-btn2.png) no-repeat;
background-size: 100% 100%;
}
}
.bg{
width: 10rem;
margin: 0 auto;
......@@ -512,6 +627,13 @@ iframe{
background-size: 100% 100%;
left: 7rem;
top: 7.1rem;
.min-num{
position: absolute;
font-size: 0.35rem;
color: #F7EDAE;
left: -3.4rem;
top: -0.07rem;
}
}
.task4{
position: absolute;
......@@ -635,3 +757,95 @@ iframe{
background: url(../images/dew-exc.png)no-repeat;
background-size: 100% 100%;
}
.bottom-nav{
width: 10rem;
height: 2.34rem;
background: url(../images/nav.png)no-repeat;
background-size: 100% 100%;
position: fixed;
bottom: 0;
left: 0;
display: none;
z-index: 500;
li{
width: 8.61rem;
height: 1.72rem;
margin: 0 auto;
margin-top: 0.3rem;
// background: url(../images/list-bg6.png)no-repeat;
// background-size: 100% 100%;
margin-bottom: 0.2rem;
overflow: hidden;
}
.li-box1{
width: 1rem;
height: 1.72rem;
float: left;
position: relative;
line-height: 1.72rem;
text-align: center;
font-size: 0.35rem;
font-weight: 700;
color: #FFFFCA;
>img{
vertical-align: middle;
width: 0.73rem;
margin-top: -0.1rem;
}
}
.li-mc-face{
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
position: absolute;
top: 0.3rem;
left: 0.1rem;
}
.li-user-face{
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
position: absolute;
top: 0.3rem;
left: 1.25rem;
}
.li-box2{
width: 5.3rem;
height:1.72rem;
float: left;
position: relative;
color: #333;
font-size: 0.33rem;
text-indent: 1.8rem;
.li-p1{
padding-top: 0.4rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.li-p2{
font-size: 0.35rem;
text-shadow: 0.02rem 0.02rem 0.02rem #666;
color: #FFF446;
padding-top: 0.06rem;
}
}
.li-box3{
width: 2.2rem;
height:1.72rem;
line-height: 1.72rem;
float: left;
position: relative;
font-size: 0;
text-align: center;
p{
font-size: 0.35rem ;
color: #FFF446;
}
>img{
vertical-align: middle;
width: 1.94rem;
}
}
}
\ No newline at end of file
activeFt/lucky777/index.html
......@@ -64,6 +64,18 @@
</li> -->
</ul>
</div>
<div class="bottom-nav">
<!-- <li>
<div class="li-box1"><img src="images/t1.png" alt=""></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 style="height: 2.5rem;"></div>
</div>
<div style="display: none;" class="user-box">
......@@ -71,11 +83,12 @@
<div class="dew-btn"></div>
<div data-type="1" class="task1 "></div>
<div data-type="2" class="task2 "></div>
<div data-type="3" class="task3 "></div>
<div data-type="3" class="task3 ">
<span class="min-num">(<span></span>/30)</span>
</div>
<div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" data-type="4" class="task4 ">
<span id="target" class="haxi" style="float: left;font-size: 0"></span>
</div>
<div data-type="5" class="task5 "></div>
<div data-type="6" class="task6 "></div>
</div>
......@@ -91,54 +104,14 @@
<div data-type="1000"></div>
</div>
<ul class="user-ul">
<li>
<div class="user-box1">1</div>
<div class="user-box2">
<img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
用戶暱稱預留
</div>
<div class="user-box3">幸運值: <span>451321</span></div>
</li>
<li>
<div class="user-box1">1</div>
<div class="user-box2">
<img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
用戶暱稱預留
</div>
<div class="user-box3">幸運值: <span>451321</span></div>
</li>
<li>
<div class="user-box1">1</div>
<div class="user-box2">
<img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
用戶暱稱預留
</div>
<div class="user-box3">幸運值: <span>451321</span></div>
</li>
<li>
<div class="user-box1">1</div>
<div class="user-box2">
<img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
用戶暱稱預留
</div>
<div class="user-box3">幸運值: <span>451321</span></div>
</li>
<li>
<div class="user-box1">1</div>
<div class="user-box2">
<img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
用戶暱稱預留
</div>
<div class="user-box3">幸運值: <span>451321</span></div>
</li>
<li>
<!-- <li>
<div class="user-box1">1</div>
<div class="user-box2">
<img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
用戶暱稱預留
</div>
<div class="user-box3">幸運值: <span>451321</span></div>
</li>
</li> -->
</ul>
</div>
<div style="height: 2rem;"></div>
......@@ -153,6 +126,9 @@
<script src="lib/swiper.min.js"></script>
<script>
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
}
list()
top()
$(".top-btn1 div").eq(0).on("click",function(){
......@@ -187,7 +163,7 @@ $(function(){
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "6.53rem"],
area: ["9.62rem", "auto"],
content: $(".layer-turn"),
end: function () {
$(".layui-layer-shade").hide()
......@@ -254,9 +230,9 @@ $(function(){
var html=[];
for(var i=0;i<data.result.rankList.length;i++){
var list=data.result.rankList[i];
if(i==0)html+='<li class="li-top">';
else html+='<li>';
html+='<div class="li-box1">'+(i+1)+'</div>';
html+='<li>';
if(i==0)html+='<div class="li-box1"><img src="images/t1.png"></div>';
else html+='<div class="li-box1">'+(i+1)+'</div>';
html+='<div class="li-box2">';
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="li-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
if(list.fansRank[0]!=undefined)html+='<a href="yazhai://_' + list.fansRank[0].uid + '_zone"><img class="li-user-face" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt=""></a>';
......@@ -269,7 +245,7 @@ $(function(){
else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
}else{
if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/15000*100)+'%</p></div>';
else html+='<div class="li-box3"><p>progress: '+Math.floor(list.score/15000*100)+'%</p></div>';
else html+='<div class="li-box3"><p>prog: '+Math.floor(list.score/15000*100)+'%</p></div>';
}
html+='</li>';
......@@ -278,6 +254,7 @@ $(function(){
}
})
}
if(sessionStorage.roomId!=0)bottom()
function bottom(){
$.ajax({
url:$ip+'/actLucky777/getViewBottomData.html',
......@@ -286,7 +263,8 @@ $(function(){
var html=[];
var list=data.result.roomData;
html+='<li>';
if(list.rank==-1) html+='<div class="li-box1">--</div>';
if(list.rank==1)html+='<div class="li-box1"><img src="images/t1.png" alt=""></div>';
else if(list.rank==-1)html+='<div class="li-box1">--</div>';
else 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="">';
......@@ -295,13 +273,8 @@ $(function(){
if(sessionStorage.lang==2)html+='<p class="li-p2">積分: '+list.score+'</p>';
else html+='<p class="li-p2">score: '+list.score+'</p>';
html+='</div>';
if(list.score>=10000){
if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
}else{
if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>';
else html+='<div class="li-box3"><p>progress: '+Math.floor(list.score/10000*100)+'%</p></div>';
}
html+='</li>';
$(".bottom-nav").html(html).show()
}
......@@ -314,6 +287,7 @@ $(function(){
success:function(data){
console.log('任务列表',data)
$("#target").text(data.result.taskList[3].speakMsg)
$(".task3 .min-num span").text(Math.floor(data.result.taskList[2].userWatchTime/60))
for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i]
$(".task"+(i+1)+"").unbind("click")
......@@ -400,7 +374,8 @@ $(function(){
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+='</div>';
html+='<div class="user-box3">幸運值: <span>'+list.score+'</span></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>';
html+='</li>';
}
$(".user-ul").html(html)
......
activeFt/lucky777/lib/default.js
......@@ -68,7 +68,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
sessionStorage.roomId=23864554
}
if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=2
sessionStorage.lang=1
sessionStorage.uid =155800;
sessionStorage.token = 'debug'
sessionStorage.roomId=11134747;
......
activeFt/luckyGod/index.html
......@@ -52,7 +52,6 @@
<div class="mc-box">
<div class="lucky-text-box"></div>
<div class="king-bg">
<div class="top-king"></div>
<img style="display: none;" class="top-like" src="images/like.png" alt="">
<img class="top-face" src="images/face.png" alt="">
......@@ -147,8 +146,6 @@ $(function(){
$(".user-box").fadeIn(200)
task()
user()
})
$(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search
......
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