Skip to content

libai / fsActive

Go to a project
Commit af15e5ac by libai
Options

ft活动上线

parent 6ef09a32
Inline Side-by-side
Showing with 216 additions and 17 deletions
activeFt/garden/css/index.css
......@@ -291,6 +291,13 @@ iframe {
color: #067B00;
text-align: center;
}
.task3-time {
color: #067B00;
font-size: 0.3rem;
position: absolute;
top: 6.25rem;
left: 3.9rem;
}
.list-top1 {
width: 2.8rem;
height: 3.9rem;
......@@ -621,3 +628,81 @@ iframe {
right: 0rem;
top: 0rem;
}
.ref {
width: 0.8rem;
position: fixed;
left: 0;
top: 6rem;
z-index: 500;
}
.rule-btn {
position: fixed;
top: 6rem;
z-index: 500;
width: 1.64rem;
right: 0;
}
.back {
position: fixed;
top: 6rem;
z-index: 500;
width: 1.64rem;
right: 0;
}
.rule-bg {
width: 10rem;
height: 28.55rem;
background: url(../images/rule.png) no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
}
.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;
}
.bottom-nav {
position: fixed;
bottom: 0;
left: 0;
z-index: 500;
width: 10rem;
height: 1.866rem;
background: url(../images/bottom-nav.png) no-repeat;
background-size: 100% 100%;
}
.bottom-nav .list-box1 {
height: 1.866rem;
line-height: 1.866rem;
color: #fff;
font-weight: 700;
}
.bottom-nav .list-box2 {
height: 1.866rem;
line-height: 1.866rem;
color: #fff;
font-weight: 700;
}
.bottom-nav .list-box3 {
height: 1.866rem;
line-height: 1.866rem;
color: #fff;
font-weight: 700;
}
.bottom-nav .list-mc-face {
top: 0.5rem;
}
activeFt/garden/css/index.less
......@@ -282,7 +282,6 @@ iframe{
}
.list-top-box{
height: 5rem;
width: 9rem;
margin: 0 auto;
position: relative;
......@@ -295,6 +294,13 @@ iframe{
text-align: center;
}
}
.task3-time{
color: #067B00;
font-size: 0.3rem;
position: absolute;
top: 6.25rem;
left: 3.9rem;
}
.list-top1{
width: 2.8rem;
height: 3.9rem;
......@@ -638,3 +644,81 @@ iframe{
right: 0rem;
top: 0rem;
}
.ref{
width: 0.8rem;
position: fixed;
left: 0;
top: 6rem;
z-index: 500;
}
.rule-btn{
position: fixed;
top: 6rem;
z-index: 500;
width: 1.64rem;
right: 0;
}
.back{
position: fixed;
top: 6rem;
z-index: 500;
width: 1.64rem;
right: 0;
}
.rule-bg{
width: 10rem;
height: 28.55rem;
background: url(../images/rule.png)no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
}
.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;
}
}
.bottom-nav{
position: fixed;
bottom: 0;
left: 0;
z-index: 500;
width: 10rem;
height: 1.866rem;
background: url(../images/bottom-nav.png)no-repeat;
background-size: 100% 100%;
.list-box1{
height: 1.866rem;
line-height: 1.866rem;
color: #fff;
font-weight: 700;
}
.list-box2{
height: 1.866rem;
line-height: 1.866rem;
color: #fff;
font-weight: 700;
}
.list-box3{
height: 1.866rem;
line-height: 1.866rem;
color: #fff;
font-weight: 700;
}
.list-mc-face{
top: 0.5rem;
}
}
\ No newline at end of file
activeFt/garden/index.html
......@@ -31,8 +31,11 @@
</head>
<script src="lib/lottie-player.js"></script>
<body>
<div class="layer-game"></div>
<div class="bg">
<img class="ref" src="images/ref.png" alt="">
<a href="rule.html"><img class="rule-btn" src="images/rule-btn.png" alt=""></a>
<div class="banner"></div>
<div class="top-btn1 ">
<div></div>
......@@ -135,6 +138,7 @@
</div>
<div style="display: none;" class="user-box">
<div class="task-box">
<div class="task3-time">(<span>0</span>/20分鐘)</div>
<div data-type="1" class="task-btn1 task1"></div>
<div data-type="2" class="task-btn1 task2"></div>
<div data-type="3" class="task-btn1 task3"></div>
......@@ -203,8 +207,17 @@
</ul>
</div>
</div>
<div style="height: 1rem;"></div>
<div style="display: none;" class="bottom-nav">
<!-- <li>
<div class="list-box1">2</div>
<div class="list-box2">
<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p>用戶暱稱預留</p>
</div>
<div class="list-box3">花園積分 : 456789</div>
</li> -->
</div>
<div style="height: 1.5rem;"></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -215,7 +228,7 @@
<script>
$(function(){
if(sessionStorage.lang==2)var titleName="她の秘密後花園"
else var titleName="Goddess Chronicles"
else var titleName="Her Secret Garden"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
......@@ -280,10 +293,12 @@ $(function(){
list(1,0)
list(2,0)
topMc()
if(sessionStorage.roomId!=0){
$(".lucky-game iframe").attr("src","http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html"+location.search+"")
$(".lucky-game").show()
bottom()
}
function list(type,date){
$.ajax({
......@@ -295,6 +310,8 @@ $(function(){
success:function(data){
console.log('榜單數據',data)
var html=''
if(type==1)scoreName='花園積分'
else scoreName='男神指數'
for(var i=0;i<3;i++){
if(data.result.rankList[i]==undefined)continue;
var list=data.result.rankList[i]
......@@ -302,7 +319,7 @@ $(function(){
html+='<a href="yazhai://_' + list.uid + '_zone"><div class="top-face"></div></a>';
html+='<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">';
html+='<p class="top-mc-p1">'+list.name+'</p>';
html+='<p class="top-mc-p2">花園積分</p>';
html+='<p class="top-mc-p2">'+scoreName+'</p>';
html+='<p class="top-mc-p3">'+list.score+'</p>';
html+='</div>';
}
......@@ -321,7 +338,7 @@ $(function(){
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p>'+list.name+'</p>';
html+='</div>';
html+='<div class="list-box3">花園積分 : '+list.score+'</div>';
html+='<div class="list-box3">'+scoreName+' : '+list.score+'</div>';
html+='<img class="line" src="images/line.png">'
html+='</li>';
}
......@@ -339,6 +356,17 @@ $(function(){
},
success:function(data){
console.log('底部導航欄',data)
var html='';
html+='<li>';
if(data.result.roomData.rank==-1) html+='<div class="list-box1">--</div>';
else html+='<div class="list-box1">'+data.result.roomData.rank+'</div>';
html+='<div class="list-box2">';
html+='<img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+data.result.roomData.roomFace+'?x-oss-process=image/resize,w_90" alt="">';
html+='<p>'+data.result.roomData.roomName+'</p>';
html+='</div>';
html+='<div class="list-box3">花園積分 : '+data.result.roomData.score+'</div>';
html+='</li>';
$(".bottom-nav").html(html).show();
}
})
}
......@@ -348,6 +376,7 @@ $(function(){
success:function(data){
console.log('獲取任務數據',data)
$("#target").text(data.result.taskList[3].speakMsg)
$(".task3-time 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]
if(list.taskStatus==1){
......
activeFt/garden/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>她の秘密後花園</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: #ED71AD;">
<body style="background: rgb(58,124,37);">
<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>
......@@ -41,11 +41,10 @@
<script>
$(function(){
if(sessionStorage.lang!=2){
$(".back").attr("src","images/en/back.png")
$("title").text("Goddess Chronicles")
}
if(sessionStorage.lang==2)var titleName="女神物語"
else var titleName="Goddess Chronicles"
if(sessionStorage.lang==2)var titleName="她の秘密後花園"
else var titleName="Her Secret Garden"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
......@@ -56,11 +55,11 @@ $(function(){
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang!=2){
$("title").text('Summer Carnival')
$(".back").attr("src","images/en/back.png")
$("title").text("Her Secret Garden")
$(".rule-bg").addClass("rule-bg-en")
// $(".back").attr("src","images/en/back.png")
$(".callKF").html('For any questions, please click <span>7*24 hour online service</span>')
// $(".back").attr("src","images/en/back.png")
$(".callKF").html('For any questions, please click <span>7*24 hour online service</span>')
}
$(".callKF").on("click",function(){
......
ftIcon/liveData/index.html
......@@ -114,6 +114,7 @@ $(function(){
success:function(data){
console.log('圖標數據',data)
if(data.result.roomData.rank==1)$(".act-room-p1").text("距離被超越 :")
else $(".act-room-p1").text("距離上一名 :")
$(".act-room-p2").text(data.result.roomData.diffPreScore)
if(data.result.roomData.rank==-1) $(".act-room-p4").text("未上榜")
else $(".act-room-p4").text(data.result.roomData.rank)
......
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