Skip to content

libai / fsActive

Go to a project
Commit 477d0e2a by libai
Options

ft活动上线

parent df3e2469
Inline Side-by-side
Showing with 295 additions and 16 deletions
activeFt/summer/css/index.css
.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 .gift-box {
background: url(../images/en/gift-box.png) no-repeat;
background-size: 100% 100%;
height: 9.88rem;
margin-top: 0.2rem;
}
.bg-en .swiper {
top: 2.4rem;
}
.bg-en .list-box1 {
background: url(../images/en/list-box1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .list-btn1 {
margin-top: 3.8rem;
background: url(../images/en/list-btn1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .list-btn2 {
background: url(../images/en/list-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .list-ul {
height: 7.5rem;
}
.bg-en .list-box2 {
background: url(../images/en/list-box2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task1 {
background: url(../images/en/task1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task2 {
background: url(../images/en/task2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task3 {
background: url(../images/en/task3.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task4 {
background: url(../images/en/task4.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task5 {
background: url(../images/en/task5.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task6 {
background: url(../images/en/task6.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .turn-box {
background: url(../images/en/turn-box.png) no-repeat;
background-size: 100% auto;
height: 14.2rem;
}
.bg-en .turn-box iframe {
top: 6.3rem;
}
.bg-en .lucky-box {
background: url(../images/en/lucky-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .lucky-btn1 {
background: url(../images/en/lucky-btn1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .lucky-btn2 {
background: url(../images/en/lucky-btn2.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 .layer-dew {
width: 9.97rem;
height: 8.74rem;
background: url(../images/en/layer-dew.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.bg-en .layer-turn {
width: 9.97rem;
height: 11.02rem;
background: url(../images/en/layer-turn.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.bg-en .layer-gift-box {
background: url(../images/en/lucky-gift-box.png) no-repeat;
background-size: 100% auto;
}
.bg-en .lucky-tips {
left: 8.1rem;
}
body .rule-bg-en {
width: 10rem;
height: 45.093rem;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
}
.bg {
width: 10rem;
position: relative;
......
activeFt/summer/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%;
height: 9.88rem;
margin-top: 0.2rem;
}
.swiper {
top: 2.4rem;
}
.list-box1{
background: url(../images/en/list-box1.png) no-repeat;
background-size: 100% 100%;
}
.list-btn1{
margin-top: 3.8rem;
background: url(../images/en/list-btn1.png) no-repeat;
background-size: 100% 100%;
}
.list-btn2{
background: url(../images/en/list-btn2.png) no-repeat;
background-size: 100% 100%;
}
.list-ul{
height: 7.5rem;
}
.list-box2{
background: url(../images/en/list-box2.png) no-repeat;
background-size: 100% 100%;
}
.task1{
background: url(../images/en/task1.png)no-repeat;
background-size: 100% 100%;
}
.task2{
background: url(../images/en/task2.png)no-repeat;
background-size: 100% 100%;
}
.task3{
background: url(../images/en/task3.png)no-repeat;
background-size: 100% 100%;
}
.task4{
background: url(../images/en/task4.png)no-repeat;
background-size: 100% 100%;
}
.task5{
background: url(../images/en/task5.png)no-repeat;
background-size: 100% 100%;
}
.task6{
background: url(../images/en/task6.png)no-repeat;
background-size: 100% 100%;
}
.turn-box{
background: url(../images/en/turn-box.png) no-repeat;
background-size: 100% auto;
height: 14.2rem;
iframe{
top: 6.3rem;
}
}
.lucky-box{
background: url(../images/en/lucky-box.png) no-repeat;
background-size: 100% 100%;
}
.lucky-btn1{
background: url(../images/en/lucky-btn1.png) no-repeat;
background-size: 100% 100%;
}
.lucky-btn2{
background: url(../images/en/lucky-btn2.png) no-repeat;
background-size: 100% 100%;
}
.task-box{
background: url(../images/en/task-box.png)no-repeat;
background-size: 100% 100%;
}
.layer-dew{
width: 9.97rem;
height: 8.74rem;
background: url(../images/en/layer-dew.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.layer-turn{
width: 9.97rem;
height: 11.02rem;
background: url(../images/en/layer-turn.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.layer-gift-box{
background: url(../images/en/lucky-gift-box.png) no-repeat;
background-size: 100% auto;
}
.lucky-tips{
left: 8.1rem;
}
}
body .rule-bg-en{
width: 10rem;
height: 45.093rem;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
}
.bg{
width: 10rem;
position: relative;
......
activeFt/summer/images/like.png
activeFt/summer/images/like.png

2.24 KB | W: | H:

activeFt/summer/images/like.png

1.93 KB | W: | H:

activeFt/summer/images/like.png
activeFt/summer/images/like.png
activeFt/summer/images/like.png
activeFt/summer/images/like.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/summer/images/rule.png
activeFt/summer/images/rule.png

5.52 KB | W: | H:

activeFt/summer/images/rule.png

11.4 KB | W: | H:

activeFt/summer/images/rule.png
activeFt/summer/images/rule.png
activeFt/summer/images/rule.png
activeFt/summer/images/rule.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/summer/index.html
......@@ -100,9 +100,9 @@
<div class="gift-box">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/nav1.png" alt=""></div>
<div class="swiper-slide"><img src="images/nav2.png" alt=""></div>
<div class="swiper-slide"><img src="images/nav3.png" alt=""></div>
<div class="swiper-slide"><img class="nav1" src="images/nav1.png" alt=""></div>
<div class="swiper-slide"><img class="nav2" src="images/nav2.png" alt=""></div>
<div class="swiper-slide"><img class="nav3" src="images/nav3.png" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
......@@ -266,14 +266,14 @@
</div>
<div style="display: none;" class="user-box">
<div class="task-box">
<span class="dew-tips">什麼是露水？</span>
<div class="task-box1"><div class="task-btn "></div>1.每日登錄福利（贈50露水）</div>
<div class="task-box2"><div class="task-btn "></div>2.每日首次儲值（贈500露水）</div>
<div class="task-box3"><div class="task-btn "></div>3.觀看直播20分鐘（<i>0</i>/20分鐘）<span>(贈100露水)</span></div>
<span class="dew-tips"><i class="txt-en1">什麼是露水？</i></span>
<div class="task-box1"><div class="task-btn "></div><i class="txt-en2">1.每日登錄福利（贈50露水）</i></div>
<div class="task-box2"><div class="task-btn "></div><i class="txt-en3">2.每日首次儲值（贈500露水）</i></div>
<div class="task-box3"><div class="task-btn "></div><i class="txt-en4">3.觀看直播20分鐘</i>（<i class="min-num">0</i>/<i class="txt-en5">20分鐘</i>）<span>(<i class="txt-en6">贈100露水</i>)</span></div>
<div class="task-box4"><div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" class="task-btn">
<span id="target" class="haxi" style="float: left;font-size: 0"></span></div>4.每日口令“夏日嘉年華狂歡”<span>方式直播間聊天(贈100露水)</span></div>
<div class="task-box5"><div class="task-btn "></div>5送出一個嘉年華禮物<span>(贈100露水)</span></div>
<div class="task-box6"><div class="task-btn "></div>6.參與一次“水果轉盤遊戲”<img src="images/hot.png" alt=""><span>(贈200露水)</span></div>
<span id="target" class="haxi" style="float: left;font-size: 0"></span></div><i class="txt-en7">4.每日口令“夏日嘉年華狂歡”</i><span><i class="txt-en8">發送直播間聊天(贈100露水)</i></span></div>
<div class="task-box5"><div class="task-btn "></div><i class="txt-en9">5送出一個嘉年華禮物</i><span>(<i class="txt-en6">贈100露水</i>)</span></div>
<div class="task-box6"><div class="task-btn "></div><i class="txt-en10">6.參與一次“水果轉盤遊戲”</i><img src="images/hot.png" alt=""><span>(<i class="txt-en11">贈200露水</i>)</span></div>
</div>
<div class="turn-box">
<span class="turn-tips1">遊戲介紹</span>
......@@ -300,6 +300,41 @@
<script src="lib/swiper.min.js"></script>
<script>
$(function(){
if(sessionStorage.lang==2)var titleName="夏日嘉年華"
else var titleName="Summer Carnival"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 2, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
var scoreRankTxt="嘉年華積分"
if(sessionStorage.lang!=2){
$("title").text('Summer Carnival')
$("body").addClass("bg-en")
$(".nav1").attr("src","images/en/nav1.png")
$(".nav2").attr("src","images/en/nav2.png")
$(".nav3").attr("src","images/en/nav3.png")
$(".txt-en1").text("What is DEW?")
$(".txt-en2").text("1.Daily login（Free 50 DEW）")
$(".txt-en3").text('2.First recharge （Free 500 DEW）')
$(".txt-en4").text("Watch the live 20 min")
$(".txt-en5").text("20 min")
$(".txt-en6").text("Free 100 DEW")
$(".txt-en7").text("4.daily password“summer carnival”")
$(".txt-en8").text("Send live chat(Free 100 DEW)")
$(".txt-en9").text("5.Give a carnival gift")
$(".txt-en10").text("6.Participate “Fruit Spin Gam”")
$(".txt-en11").text("Free 200 DEW")
$(".turn-tips1").text("rule")
$(".turn-tips2").text("get DEW")
$(".lucky-tips").text("record>")
$(".top-mc1-p1").text('YTD goddess')
$(".top-mc2-p1").text('YTD hero')
}
var swiper = new Swiper(".mySwiper", {
loop: true,
pagination: {
......@@ -365,7 +400,7 @@ $(function(){
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.97rem", "7.53rem"],
area: ["9.97rem", "auto"],
content: $(".layer-turn"),
end: function () {
$(".layui-layer-shade").hide()
......@@ -436,15 +471,17 @@ $(function(){
url:$ip+'/actSummerDew/getViewLikeData.html',
success:function(data){
console.log('昨日數據',data)
if(sessionStorage.lang==2) var scoreTxt='積分'
else var scoreTxt='score'
if(data.result.roomSexData.uid!=0){
$(".king1-face").attr("src","https://big.bgp.ourpow.com/comm"+data.result.roomSexData.face+"?x-oss-process=image/resize,w_110")
$(".top-mc1-p2").text(data.result.roomSexData.nickName)
$(".top-mc1-p3").text("積分:"+data.result.roomSexData.score+"")
$(".top-mc1-p3").text(""+scoreTxt+":"+data.result.roomSexData.score+"")
}
if(data.result.userRichData.uid!=0){
$(".king2-face").attr("src","https://big.bgp.ourpow.com/comm"+data.result.userRichData.face+"?x-oss-process=image/resize,w_110")
$(".top-mc2-p2").text(data.result.userRichData.nickName)
$(".top-mc2-p3").text("積分:"+data.result.userRichData.score+"")
$(".top-mc2-p3").text(""+scoreTxt+":"+data.result.userRichData.score+"")
}
}
......@@ -455,6 +492,7 @@ $(function(){
url:$ip+'/actSummerDew/getViewBottomData.html',
success:function(data){
console.log("底部导航栏信息",data)
console.log(data.result.roomData.rank)
if(data.result.roomData.rank==-1)return
var html=[];
......@@ -473,7 +511,7 @@ $(function(){
success:function(data){
console.log('獲取任務數據',data)
$("#target").text(data.result.taskList[3].speakMsg)
$(".task-box3 >i").text(Math.floor(data.result.taskList[2].userWatchTime/60))
$(".task-box3 .min-num").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==2){
......
activeFt/summer/rule.html
......@@ -41,12 +41,15 @@
<script>
$(function(){
if(sessionStorage.lang!=2){
$("title").text('Summer Carnival')
$(".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>')
}
if(sessionStorage.lang==2)var titleName="美眉養成記"
else var titleName="Beaut Cultivation Journey"
if(sessionStorage.lang==2)var titleName="夏日嘉年華"
else var titleName="Summer Carnival"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
......
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