Skip to content

libai / fsActive

Go to a project
Commit 91847b22 by libai
Options

ft活动上线

parent 90e19959
Inline Side-by-side
Showing with 169 additions and 17 deletions
activeFt/develop/css/index.css
......@@ -3,6 +3,55 @@
margin: 0 auto;
position: relative;
}
.bg-en .banner {
background: url(../images/en/banner.png) no-repeat !important;
background-size: 100% 100% !important;
}
.bg-en .top-btn1 {
background: url(../images/en/top-btn1.png) no-repeat !important;
background-size: 100% 100% !important;
}
.bg-en .top-btn2 {
background: url(../images/en/top-btn2.png) no-repeat !important;
background-size: 100% 100% !important;
}
.bg-en .gift-box {
background: url(../images/en/gift-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%;
}
.bg-en .user-btn2 {
background: url(../images/en/user-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .record-btn {
background: url(../images/en/record-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .exc-bg {
background: url(../images/en/exc-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .exc-btn {
transform: translateY(0.35rem);
background: url(../images/en/exc-btn.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-exc {
background: url(../images/en/layer-exc.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-ok-btn1 {
background: url(../images/en/exc-btn1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-ok-btn2 {
background: url(../images/en/exc-btn2.png) no-repeat;
background-size: 100% 100%;
}
.ref {
width: 0.8rem;
position: fixed;
......@@ -17,6 +66,11 @@
background-size: 100% auto;
position: relative;
}
.rule-bg-en {
height: 36.946rem;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
}
.rule-btn {
width: 1.72rem;
position: fixed;
......
activeFt/develop/css/index.less
......@@ -3,6 +3,58 @@
margin: 0 auto;
position: relative;
}
.bg-en{
.banner{
background: url(../images/en/banner.png)no-repeat !important;
background-size: 100% 100% !important;
}
.top-btn1{
background: url(../images/en/top-btn1.png)no-repeat !important;
background-size: 100% 100% !important;
}
.top-btn2{
background: url(../images/en/top-btn2.png)no-repeat !important;
background-size: 100% 100% !important;
}
.gift-box{
background: url(../images/en/gift-box.png) no-repeat;
background-size: 100% 100%;
}
.user-btn1{
background: url(../images/en/user-btn1.png) no-repeat;
background-size: 100% 100%;
}
.user-btn2{
background: url(../images/en/user-btn2.png) no-repeat;
background-size: 100% 100%;
}
.record-btn{
background: url(../images/en/record-btn.png) no-repeat;
background-size: 100% 100%;
}
.exc-bg{
background: url(../images/en/exc-box.png) no-repeat;
background-size: 100% 100%;
}
.exc-btn{
transform: translateY(0.35rem);
background: url(../images/en/exc-btn.png) no-repeat;
background-size: 100% 100%;
}
.layer-exc{
background: url(../images/en/layer-exc.png) no-repeat;
background-size: 100% 100%;
}
.layer-ok-btn1{
background: url(../images/en/exc-btn1.png) no-repeat;
background-size: 100% 100%;
}
.layer-ok-btn2{
background: url(../images/en/exc-btn2.png) no-repeat;
background-size: 100% 100%;
}
}
.ref{
width: 0.8rem;
position: fixed;
......@@ -17,6 +69,11 @@
background-size: 100% auto;
position: relative;
}
.rule-bg-en{
height: 36.946rem;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
}
.rule-btn{
width: 1.72rem;
position: fixed;
......
activeFt/develop/images/en/rule-bg.png
activeFt/develop/images/en/rule-bg.png

317 KB | W: | H:

activeFt/develop/images/en/rule-bg.png

358 KB | W: | H:

activeFt/develop/images/en/rule-bg.png
activeFt/develop/images/en/rule-bg.png
activeFt/develop/images/en/rule-bg.png
activeFt/develop/images/en/rule-bg.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/develop/index.html
......@@ -64,8 +64,8 @@
<img src="images/g1.png" alt="">
<p class="layer-ok-name">獎品名稱預留</p>
</div>
<p class="layer-ok-p1">兌換所需應援卡：<span>153216</span></p>
<p class="layer-ok-p2">當前持有應援卡：<span>132546</span></p>
<p class="layer-ok-p1"><i class="en-t4">兌換所需應援卡：</i><span>153216</span></p>
<p class="layer-ok-p2"><i class="en-t5">當前持有應援卡：</i><span>132546</span></p>
<div class="layer-ok-btn1"></div>
<div class="layer-ok-btn2"></div>
</div>
......@@ -84,7 +84,7 @@
<div class="list-top-title">第一關: 新秀出道</div>
<div class="list-text-box">
<p class="list-text-p1">6月16日12:00-6月20日00:00</p>
<p class="list-text-p2">今日目標: <span class="stage-get">10000積分（獎勵1000羽毛）</span><br>送出活動禮物<span>1羽毛=1積分</span></p>
<p class="list-text-p2">今日目標: <span class="stage-get">10000積分（獎勵1000羽毛）</span><br><i class="en-t1">送出活動禮物</i><span class="en-t2">1羽毛=1積分</span></p>
</div>
<ul class="list-ul">
<!-- <li>
......@@ -117,7 +117,7 @@
</div>
<div class="card-box">
<div class="card-img"><img src="images/card.png" alt=""></div>
<p>我的應援卡: <span class="my-card-num"></span></p>
<p><i class="en-t3">我的應援卡: </i><span class="my-card-num"></span></p>
<div class="record-btn"></div>
</div>
<div class="card-big-box">
......@@ -133,9 +133,9 @@
</div>
<div style="display: none;" class="exc-content">
<div class="exc-time">15天20時55分</div>
<div class="exc-time">7月1日00:00截止兑换</div>
<div class="my-exc-box">
<p>我的應援卡: <span class="my-card-num"></span></p>
<p><i class="en-t3">我的應援卡: </i><span class="my-card-num"></span></p>
<div class="record-btn"></div>
</div>
<div class="exc-box">
......@@ -156,7 +156,19 @@
<script src="lib/clipboard.js"></script>
<script>
$(function(){
console.log(sessionStorage.lang)
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".rule-btn").attr("src","images/en/rule-btn.png")
$(".en-t1").text("Send event gifts")
$(".en-t2").text(" 1 score=1 FEATHERs")
$(".task-p1").text('Complete points tasks to receive points')
$(".task-p2").text("Earn points to redeem great rewards at the redemption center.")
$(".en-t3").text("My points : ")
$(".en-t4").text("Current points : ")
$(".en-t5").text("Exchange requires points : ")
$(".exc-time").text("The redemption deadline is 00:00 on July 1st.")
}
$(".top-btn1 div").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")==1){
......@@ -220,7 +232,10 @@ $(function(){
list()
var numTitle=['','第一關: 新秀出道','第二關: 嶄露頭角','第三關: 光芒萬丈']
var numTitle2=['','6月16日12:00-6月20日00:00','6月21日00:00-6月26日00:00','6月26日00:00-7月1日00:00']
if(sessionStorage.lang!=2){
var numTitle=['','First level','Second level','Third level']
var numTitle2=['','12:00 PM, June 16th - 12:00 AM, June 20th','12:00 AM, June 21th - 12:00 AM, June 26th','12:00 AM, June 26th - 12:00 AM, July 1th']
}
function list(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getRankData.html',
......@@ -229,7 +244,10 @@ $(function(){
var html=[];
$(".list-top-title").text(numTitle[data.stage])
$(".list-text-p1").text(numTitle2[data.stage])
$(".stage-get").text(""+data.result.targetData.stageScore+"積分（獎勵"+data.result.targetData.stageBonds+"羽毛）")
if(sessionStorage.lang!=2){
$(".stage-get").text(""+data.result.targetData.stageScore+"score（Reward"+data.result.targetData.stageBonds+"FEATHERs）")
}
else $(".stage-get").text(""+data.result.targetData.stageScore+"積分（獎勵"+data.result.targetData.stageBonds+"羽毛）")
for(var i=0;i<data.result.rankList.length;i++){
var list=data.result.rankList[i]
html+='<li>';
......@@ -241,11 +259,13 @@ $(function(){
html+='</div>';
html+='<div class="list-li-box3">';
html+='<p class="list-li-p1">'+list.name+'</p>';
html+='<p class="list-li-p2">積分: '+list.score+'</p>';
if(sessionStorage.lang==2)html+='<p class="list-li-p2">積分: '+list.score+'</p>';
else html+='<p class="list-li-p2">score: '+list.score+'</p>';
html+='</div>';
html+='<div class="list-li-box4">';
var barWidth=Math.floor(list.score/10000*100)
html+='<div class="nav">進度:'+barWidth+'%</div>';
if(sessionStorage.lang==2)html+='<div class="nav">進度:'+barWidth+'%</div>';
else html+='<div class="nav">PROG:'+barWidth+'%</div>';
html+='</div>';
html+='<img class="list-line" src="images/line.png">'
html+='</li>';
......@@ -289,6 +309,24 @@ $(function(){
'累計儲值18888寶石',
'累計儲值88888寶石',
]
if(sessionStorage.lang!=2){
var taskName=[
'',
'Daily sign-in',
'Send an event gift',
'Watch the live for 20 min.',
'send messages',
'First recharge of the day',
'3-day login streak',
'5-day login streak',
'7-day login streak',
'500 gems recharged',
'1888 gems recharged',
'3888 gems recharged',
'18888 gems recharged',
'88888 gems recharged',
]
}
function task(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getUserTaskData.html',
......@@ -361,10 +399,12 @@ $(function(){
if(list.taskStatus>0){
barWidth=100
}
if(sessionStorage.lang==2)var btnTextArr=['未完成','领取','已领取']
else var btnTextArr=['completed','receive','Received']
html+='<div class="task-nav-box"><div style="width:'+barWidth+'%"></div></div>';
if(list.taskStatus==0)html+='<div class="task-get-btn task-get-btn1">未完成</div>';
else if(list.taskStatus==1)html+='<div data-type="'+list.taskId+'" class="task-get-btn task-get-btn2">领取</div>';
else if(list.taskStatus==2)html+='<div class="task-get-btn task-get-btn3">已领取</div>';
if(list.taskStatus==0)html+='<div class="task-get-btn task-get-btn1">'+btnTextArr[0]+'</div>';
else if(list.taskStatus==1)html+='<div data-type="'+list.taskId+'" class="task-get-btn task-get-btn2">'+btnTextArr[1]+'</div>';
else if(list.taskStatus==2)html+='<div class="task-get-btn task-get-btn3">'+btnTextArr[2]+'</div>';
html+='<img class="task-line" src="images/line.png" alt="">';
html+='</div>';
}
......@@ -418,7 +458,8 @@ $(function(){
var list=data.result.exchangeList[i]
html+='<li>';
html+='<div class="layer-exc-box1">'+list.prizeName+'</div>';
html+='<div class="layer-exc-box2">'+list.priceSupportCardNum+'個</div>';
if(sessionStorage.lang==2)html+='<div class="layer-exc-box2">'+list.priceSupportCardNum+'個</div>';
else html+='<div class="layer-exc-box2">'+list.priceSupportCardNum+'points</div>';
html+='<div class="layer-exc-box3">'+timeGet(list.exchangeTimeStamp)[1]+'.'+timeGet(list.exchangeTimeStamp)[2]+' '+timeGet(list.exchangeTimeStamp)[3]+':'+timeGet(list.exchangeTimeStamp)[4]+'</div>';
html+='</li>';
}
......
activeFt/develop/lib/default.js
......@@ -68,8 +68,8 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
sessionStorage.roomId=23864554
}
if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=2
sessionStorage.uid =174003;
sessionStorage.lang=1
sessionStorage.uid =155100;
sessionStorage.token = 'debug'
sessionStorage.roomId=11134747;
sessionStorage.version=8890
......
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