Skip to content

libai / fsActive

Go to a project
Commit f0f3bb90 by libai
Options

ft活动上线

parent 0d2b1fe4
Inline Side-by-side
Showing with 287 additions and 18 deletions
activeFt/luckyGod/css/index.css
......@@ -4,6 +4,114 @@
position: relative;
overflow: hidden;
}
body .rule-bg-en {
height: 66.04rem;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
}
.bg-en .act-room-bg {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-day {
background: url(../images/en/layer-day.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .banner {
background: url(../images/en/banner.png) no-repeat;
background-size: 100% 100%;
}
.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 .lucky-text-box {
height: 18.92rem;
background: url(../images/en/lucky-text-box.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 {
height: 12.52rem;
background: url(../images/en/task-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .turn-box {
height: 13.72rem;
background: url(../images/en/turn-box.png) no-repeat;
background-size: 100% 100% ;
}
.bg-en .turn-reg-box {
background: url(../images/en/turn-reg-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .day-box {
background: url(../images/en/day-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .day-box-btn {
background: url(../images/en/day-box-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task1 {
top: 4.5rem;
}
.bg-en .task2 {
top: 6.3rem;
}
.bg-en .task3 {
top: 8.77rem;
}
.bg-en .task4 {
top: 10.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 .layer-reg {
background: url(../images/en/layer-reg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-rule {
background: url(../images/en/layer-rule.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-day {
background: url(../images/en/layer-day.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .ok-btn {
background: url(../images/en/ok-btn.png) no-repeat;
background-size: 100% 100%;
}
.rule-bg {
width: 10rem;
height: 61.4rem;
......
activeFt/luckyGod/css/index.less
......@@ -4,6 +4,116 @@
position: relative;
overflow: hidden;
}
body .rule-bg-en{
height: 66.04rem;
background: url(../images/en/rule-bg.png)no-repeat;
background-size: 100% auto;
}
.bg-en{
.act-room-bg{
background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
.layer-day{
background: url(../images/en/layer-day.png)no-repeat;
background-size: 100% 100%;
}
.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%;
}
.lucky-text-box{
height: 18.92rem;
background: url(../images/en/lucky-text-box.png) no-repeat;
background-size: 100% 100%;
}
.list-bg{
background: url(../images/en/list-bg.png) no-repeat;
background-size: 100% 100%;
}
.task-box{
height: 12.52rem;
background: url(../images/en/task-box.png) no-repeat;
background-size: 100% 100%;
}
.turn-box{
height: 13.72rem;
background: url(../images/en/turn-box.png) no-repeat;
background-size: 100% 100% ;
}
.turn-reg-box{
background: url(../images/en/turn-reg-box.png) no-repeat;
background-size: 100% 100%;
}
.day-box{
background: url(../images/en/day-box.png) no-repeat;
background-size: 100% 100%;
}
.day-box-btn{
background: url(../images/en/day-box-btn.png) no-repeat;
background-size: 100% 100%;
}
.task1{
top: 4.5rem;
}
.task2{
top: 6.3rem;
}
.task3{
top: 8.77rem;
}
.task4{
top: 10.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%;
}
.layer-reg{
background: url(../images/en/layer-reg.png)no-repeat;
background-size: 100% 100%;
}
.layer-rule{
background: url(../images/en/layer-rule.png)no-repeat;
background-size: 100% 100%;
}
.layer-day{
background: url(../images/en/layer-day.png)no-repeat;
background-size: 100% 100%;
}
.ok-btn{
background: url(../images/en/ok-btn.png) no-repeat;
background-size: 100% 100%;
}
}
.rule-bg{
width: 10rem;
height: 61.4rem;
......
activeFt/luckyGod/index.html
......@@ -119,7 +119,11 @@
<script>
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$("title").text("The goddess of luck")
$(".rule-btn").attr("src","images/en/rule-btn.png")
$(".top-p1").text("yesterday Top Mc")
$(".top-p2").text("Not yet")
}
if(sessionStorage.lang==2)var titleName="幸運女神降臨"
else var titleName="The goddess of luck"
......@@ -222,6 +226,8 @@ $(function(){
success:function(data){
console.log("昨日最佳主播",data)
if(data.result.roomSexData.uid==0){
if(sessionStorage.lang==2)$(".top-p3").text("積分:--")
else $(".top-p3").text("score:--")
return;
}
var list=data.result.roomSexData
......@@ -269,10 +275,12 @@ $(function(){
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>';
html+='<p class="li-p1">'+list.name+'</p>';
html+='<p class="li-p2">積分: '+list.score+'</p>';
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){
html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
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{
html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>';
}
......@@ -300,12 +308,15 @@ $(function(){
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>';
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){
html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
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{
html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/10000*100)+'%</p></div>';
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()
......
activeFt/luckyGod/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 =11128395;
sessionStorage.token = 'debug'
sessionStorage.roomId=11134747;
......
activeFt/luckyGod/oldView.html
......@@ -32,8 +32,8 @@
<body style="background: rgba(0, 0, 0, 0);">
<div style="display: none;" class="act-room-bg act-room-bg2">
<p class="act-room-p1">80000</p>
<p class="act-room-p2">進度 : <span>18%</span></p>
<p class="act-room-p3">排名 : <span>5</span></p>
<p class="act-room-p2"><i class="txt1">進度</i> : <span>18%</span></p>
<p class="act-room-p3"><i class="txt2">排名</i> : <span>5</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -43,7 +43,9 @@
<script>
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("body-en")
$("body").addClass("bg-en")
$(".txt1").text("PROG")
$(".txt2").text("rank")
}
$(".act-room-bg").on("click",function(){
var obj = {
......
activeFt/luckyGod/rule.html
......@@ -41,7 +41,7 @@
<script>
$(function(){
if(sessionStorage.lang!=2){
$("title").text("The goddess of luck")
}
if(sessionStorage.lang==2)var titleName="她の秘密後花園"
else var titleName="Her Secret Garden"
......
ftIcon/action2/css/index.css
.bg-en .act-room-bg {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg {
width: 10rem;
height: 5.972rem;
......
ftIcon/action2/css/index.less
.bg-en{
.act-room-bg{
background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg{
width: 10rem;
......
ftIcon/action2/images/en/act-room-bg.png
ftIcon/action2/images/en/act-room-bg.png

43.7 KB | W: | H:

ftIcon/action2/images/en/act-room-bg.png

12.2 KB | W: | H:

ftIcon/action2/images/en/act-room-bg.png
ftIcon/action2/images/en/act-room-bg.png
ftIcon/action2/images/en/act-room-bg.png
ftIcon/action2/images/en/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/action2/index.html
......@@ -31,9 +31,9 @@
<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-room-p1">主播積分 : <span>80000</span></p>
<p class="act-room-p2">進度 : <span>18%</span></p>
<p class="act-room-p3">排名 : <span>5</span></p>
<p class="act-room-p1"><i class="txt1">主播積分</i> : <span>80000</span></p>
<p class="act-room-p2"><i class="txt2">進度</i> : <span>18%</span></p>
<p class="act-room-p3"><i class="txt3">排名</i> : <span>5</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -46,6 +46,9 @@ $(function(){
var wsTimer=null
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text('score')
$(".txt2").text("PROG")
$(".txt3").text("rank")
}
var obj = {
"cid": 43,
......
ftIcon/action2/lib/default.js
......@@ -43,7 +43,7 @@ if (uid.indexOf("http://localhost:63342") > -1) {
sessionStorage.roomId=23864554
}
if (uid.indexOf("file:///") > -1) {
sessionStorage.lang=2
sessionStorage.lang=1
sessionStorage.uid = 210102;
sessionStorage.token = 'debug'
sessionStorage.roomId=210102;
......
ftIcon/liveData/css/index.css
......@@ -125,6 +125,14 @@ i {
text-indent: 6vw;
margin-top: 4vw;
}
.bg-en .act-room-bg {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg {
width: 10rem;
height: 11.079rem;
......
ftIcon/liveData/css/index.less
......@@ -142,6 +142,16 @@ i{
margin-top: 4vw;
}
//活動
.bg-en{
.act-room-bg{
background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg{
width: 10rem;
height: 11.079rem;
......
ftIcon/liveData/images/en/act-room-bg2.png
ftIcon/liveData/images/en/act-room-bg2.png

6.48 KB | W: | H:

ftIcon/liveData/images/en/act-room-bg2.png

6.75 KB | W: | H:

ftIcon/liveData/images/en/act-room-bg2.png
ftIcon/liveData/images/en/act-room-bg2.png
ftIcon/liveData/images/en/act-room-bg2.png
ftIcon/liveData/images/en/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData/index.html
......@@ -33,8 +33,8 @@
<body c style="background:rgba(0,0,0,0)">
<div style="display: none;" class="act-room-bg ">
<p class="act-room-p1">80000</p>
<p class="act-room-p2">進度 : <span>18%</span></p>
<p class="act-room-p3">排名 : <span>5</span></p>
<p class="act-room-p2"><i class="txt1">進度</i> : <span>18%</span></p>
<p class="act-room-p3"><i class="txt2">排名</i> : <span>5</span></p>
</div>
<div class="room-bg1">
<div class="room-bg-top">人氣</div>
......@@ -77,6 +77,8 @@ $(function(){
var socketOk=null
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".txt1").text("PROG")
$(".txt2").text("rank")
}
//活動
$(".act-room-bg").on("click",function(){
......
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