Skip to content

libai / fsActive

Go to a project
Commit 40ed0293 by libai
Options

ft活动上线

parent dba7e2b7
Inline Side-by-side
Showing with 771 additions and 51 deletions
activeFt/queen/css/index.css
.bg-en .banner {
background: url(../images/en/banner.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 .top-btn1 {
background: url(../images/en/top-btn1.png) no-repeat;
background-size: 100% 100%;
margin-left: 0;
}
.bg-en .top-btn2 {
background: url(../images/en/top-btn2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k6 {
background: url(../images/en/k6.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k5 {
background: url(../images/en/k5.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k4 {
background: url(../images/en/k4.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k3 {
background: url(../images/en/k3.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k2 {
background: url(../images/en/k2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .k1 {
background: url(../images/en/k1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .lucky-name {
background: url(../images/en/lucky-name.png) no-repeat;
background-size: 100% 100%;
width: 7.37rem;
height: 3rem;
}
.bg-en .task1 {
top: 3.4rem;
}
.bg-en .task2 {
top: 5.35rem;
}
.bg-en .task3 {
top: 6.4rem;
}
.bg-en .task4 {
top: 8.3rem;
}
.bg-en .task5 {
top: 9.9rem;
}
.bg-en .task-img1 {
background: url(../images/en/task1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-img2 {
background: url(../images/en/task2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-img3 {
background: url(../images/en/task3.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-img4 {
background: url(../images/en/task4.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-img5 {
background: url(../images/en/task5.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .task-box {
height: 11.94rem;
background: url(../images/en/task-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .extract1 {
background: url(../images/en/extract1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .extract10 {
background: url(../images/en/extract10.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .lucky-gift-box {
background: url(../images/en/lucky-gift-box.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-fans {
background: url(../images/en/layer-fans.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .record-btn {
background: url(../images/en/record.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-result {
background: url(../images/en/layer-result.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-gift1 {
background: url(../images/en/layer-gift1.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-gift10 {
background: url(../images/en/layer-gift2.png) no-repeat;
background-size: 100% 100%;
}
.bg { .bg {
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
...@@ -9,8 +128,38 @@ ...@@ -9,8 +128,38 @@
.ref { .ref {
width: 0.73rem; width: 0.73rem;
position: fixed; position: fixed;
left: 0;
top: 5.5rem;
z-index: 500;
}
.rule-bg {
position: relative;
width: 10rem;
height: 31.866rem;
background: url(../images/rule-bg.png) no-repeat;
background-size: 100% auto;
margin: 0 auto;
}
.rule-bg-en {
position: relative;
width: 10rem;
height: 39.44rem;
background: url(../images/en/rule-bg.png) no-repeat;
background-size: 100% auto;
margin: 0 auto;
}
.back {
position: fixed;
top: 5.5rem;
right: 0;
width: 1.72rem;
z-index: 500;
}
.rule-btn {
position: fixed;
top: 5.5rem;
right: 0; right: 0;
top: 5rem; width: 1.72rem;
z-index: 500; z-index: 500;
} }
.banner { .banner {
...@@ -181,6 +330,11 @@ ...@@ -181,6 +330,11 @@
.lucky-box .floor { .lucky-box .floor {
top: -0.5rem; top: -0.5rem;
} }
.helo {
width: 10rem;
position: absolute;
top: 6rem;
}
.lucky-name { .lucky-name {
width: 6.2rem; width: 6.2rem;
height: 2.666rem; height: 2.666rem;
...@@ -211,6 +365,45 @@ ...@@ -211,6 +365,45 @@
width: 4rem; width: 4rem;
top: 3.3rem; top: 3.3rem;
left: 3rem; left: 3rem;
opacity: 0.5;
}
.arm-show {
animation: armShow 4s infinite linear;
}
.arm-show2 {
animation: armShow2 2.5s 1 linear forwards;
}
@keyframes armShow {
0% {
opacity: 0.5;
transform: scale(1) translateY(0);
}
70% {
opacity: 0.1;
transform: scale(1.05) translateY(-0.1rem);
}
100% {
opacity: 0.5;
transform: scale(1) translateY(0);
}
}
@keyframes armShow2 {
0% {
opacity: 0;
transform: scale(1) translateY(2rem);
}
50% {
opacity: 0.6;
transform: scale(1.05) translateY(-0.1rem);
}
90% {
opacity: 1;
transform: scale(1) translateY(0);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
} }
.task-btn { .task-btn {
position: absolute; position: absolute;
...@@ -365,7 +558,6 @@ ...@@ -365,7 +558,6 @@
background: url(../images/layer-fans.png) no-repeat; background: url(../images/layer-fans.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
margin-bottom: 5rem;
overflow: hidden; overflow: hidden;
} }
.layer-fans-ul { .layer-fans-ul {
...@@ -397,6 +589,15 @@ ...@@ -397,6 +589,15 @@
position: relative; position: relative;
color: #efd9ff; color: #efd9ff;
font-size: 0.38rem; font-size: 0.38rem;
text-indent: 0.8rem;
}
.layer-fans-ul .layer-fans-box2 > a img {
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
left: -0.38rem;
position: absolute;
top: 0.25rem;
} }
.layer-fans-ul .layer-fans-box3 { .layer-fans-ul .layer-fans-box3 {
width: 3.4rem; width: 3.4rem;
...@@ -406,6 +607,7 @@ ...@@ -406,6 +607,7 @@
position: relative; position: relative;
color: #efd9ff; color: #efd9ff;
font-size: 0.38rem; font-size: 0.38rem;
text-indent: 0.2rem;
} }
.mc-nav { .mc-nav {
position: fixed; position: fixed;
...@@ -504,3 +706,61 @@ ...@@ -504,3 +706,61 @@
text-align: center; text-align: center;
padding-top: 0.35rem; padding-top: 0.35rem;
} }
.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: #FF3CFF;
}
.record-btn {
width: 1.56rem;
height: 0.573rem;
background: url(../images/record.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0.3rem;
top: 0.6rem;
}
.layer-result {
position: relative;
width: 9.626rem;
height: 7.8rem;
background: url(../images/layer-result.png) no-repeat;
background-size: 100% 100%;
}
.layer-result-ul {
width: 9.2rem;
height: 4.9rem;
left: 0.213rem;
position: absolute;
overflow: scroll;
-webkit-overflow-scrolling: touch;
top: 2rem;
}
.layer-result-ul li {
height: 1rem;
width: 9.2rem;
position: relative;
}
.layer-result-ul li div {
width: 50%;
height: 1rem;
line-height: 1rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #fff;
text-align: center;
}
activeFt/queen/css/index.less
.bg-en{
.banner{
background: url(../images/en/banner.png) no-repeat !important;
background-size: 100% 100% !important;
}
.gift-box{
background: url(../images/en/gift-box.png) no-repeat;
background-size: 100% 100%;
}
.top-btn1{
background: url(../images/en/top-btn1.png) no-repeat;
background-size: 100% 100%;
margin-left: 0;
}
.top-btn2{
background: url(../images/en/top-btn2.png) no-repeat;
background-size: 100% 100%;
}
.k6{
background: url(../images/en/k6.png) no-repeat;
background-size: 100% 100%;
}
.k5{
background: url(../images/en/k5.png) no-repeat;
background-size: 100% 100%;
}
.k4{
background: url(../images/en/k4.png) no-repeat;
background-size: 100% 100%;
}
.k3{
background: url(../images/en/k3.png) no-repeat;
background-size: 100% 100%;
}
.k2{
background: url(../images/en/k2.png) no-repeat;
background-size: 100% 100%;
}
.k1{
background: url(../images/en/k1.png) no-repeat;
background-size: 100% 100%;
}
.lucky-name{
background: url(../images/en/lucky-name.png)no-repeat;
background-size: 100% 100%;
width: 7.37rem;
height: 3rem;
}
.task1{
top: 3.4rem;
}
.task2{
top: 5.35rem;
}
.task3{
top: 6.4rem;
}
.task4{
top: 8.3rem;
}
.task5{
top: 9.9rem;
}
.task-img1{
background:url(../images/en/task1.png)no-repeat;
background-size: 100% 100%;
}
.task-img2{
background:url(../images/en/task2.png)no-repeat;
background-size: 100% 100%;
}
.task-img3{
background:url(../images/en/task3.png)no-repeat;
background-size: 100% 100%;
}
.task-img4{
background:url(../images/en/task4.png)no-repeat;
background-size: 100% 100%;
}
.task-img5{
background:url(../images/en/task5.png)no-repeat;
background-size: 100% 100%;
}
.task-box{
height: 11.94rem;
background: url(../images/en/task-box.png)no-repeat;
background-size: 100% 100%;
}
.extract1{
background: url(../images/en/extract1.png)no-repeat;
background-size: 100% 100%;
}
.extract10{
background: url(../images/en/extract10.png)no-repeat;
background-size: 100% 100%;
}
.lucky-gift-box{
background: url(../images/en/lucky-gift-box.png)no-repeat;
background-size: 100% 100%;
}
.layer-fans{
background: url(../images/en/layer-fans.png) no-repeat;
background-size: 100% 100%;
}
.record-btn{
background: url(../images/en/record.png)no-repeat;
background-size: 100% 100%;
}
.layer-result{
background: url(../images/en/layer-result.png) no-repeat;
background-size: 100% 100%;
}
.layer-gift1{
background: url(../images/en/layer-gift1.png)no-repeat;
background-size: 100% 100%;
}
.layer-gift10{
background: url(../images/en/layer-gift2.png)no-repeat;
background-size: 100% 100%;
}
}
.bg{ .bg{
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
...@@ -9,8 +131,38 @@ ...@@ -9,8 +131,38 @@
.ref{ .ref{
width: 0.73rem; width: 0.73rem;
position: fixed; position: fixed;
left: 0;
top: 5.5rem;
z-index: 500;
}
.rule-bg{
position: relative;
width: 10rem;
height: 31.866rem;
background: url(../images/rule-bg.png)no-repeat;
background-size: 100% auto;
margin: 0 auto;
}
.rule-bg-en{
position: relative;
width: 10rem;
height: 39.44rem;
background: url(../images/en/rule-bg.png)no-repeat;
background-size: 100% auto;
margin: 0 auto;
}
.back{
position: fixed;
top: 5.5rem;
right: 0; right: 0;
top: 5rem; width: 1.72rem;
z-index: 500;
}
.rule-btn{
position: fixed;
top: 5.5rem;
right: 0;
width: 1.72rem;
z-index: 500; z-index: 500;
} }
.banner{ .banner{
...@@ -183,6 +335,11 @@ ...@@ -183,6 +335,11 @@
top: -0.5rem; top: -0.5rem;
} }
} }
.helo{
width: 10rem;
position: absolute;
top: 6rem;
}
.lucky-name{ .lucky-name{
width: 6.2rem; width: 6.2rem;
height: 2.666rem; height: 2.666rem;
...@@ -213,6 +370,46 @@ ...@@ -213,6 +370,46 @@
width: 4rem; width: 4rem;
top: 3.3rem; top: 3.3rem;
left: 3rem; left: 3rem;
opacity: 0.5;
}
.arm-show{
animation: armShow 4s infinite linear;
}
.arm-show2{
animation: armShow2 2.5s 1 linear forwards;
}
@keyframes armShow{
0%{
opacity: 0.5;
transform: scale(1) translateY(0);
}
70%{
opacity: 0.1;
transform: scale(1.05)translateY(-0.1rem);
}
100%{
opacity: 0.5;
transform: scale(1) translateY(0);
}
}
@keyframes armShow2{
0%{
opacity: 0;
transform: scale(1) translateY(2rem);
}
50%{
opacity: 0.6;
transform: scale(1.05)translateY(-0.1rem);
}
90%{
opacity: 1;
transform: scale(1) translateY(0);
}
100%{
opacity: 1;
transform: scale(1) translateY(0);
}
} }
.task-btn{ .task-btn{
position: absolute; position: absolute;
...@@ -372,7 +569,7 @@ ...@@ -372,7 +569,7 @@
background: url(../images/layer-fans.png)no-repeat; background: url(../images/layer-fans.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
margin-bottom: 5rem; // margin-bottom: 5rem;
overflow: hidden; overflow: hidden;
} }
.layer-fans-ul{ .layer-fans-ul{
...@@ -403,6 +600,16 @@ ...@@ -403,6 +600,16 @@
position: relative; position: relative;
color: #efd9ff; color: #efd9ff;
font-size: 0.38rem; font-size: 0.38rem;
text-indent: 0.8rem;
>a img{
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
left: -0.38rem;
position: absolute;
top: 0.25rem;
}
} }
.layer-fans-box3{ .layer-fans-box3{
width: 3.4rem; width: 3.4rem;
...@@ -412,6 +619,7 @@ ...@@ -412,6 +619,7 @@
position: relative; position: relative;
color: #efd9ff; color: #efd9ff;
font-size: 0.38rem; font-size: 0.38rem;
text-indent: 0.2rem;
} }
} }
.mc-nav{ .mc-nav{
...@@ -512,3 +720,63 @@ ...@@ -512,3 +720,63 @@
text-align: center; text-align: center;
padding-top: 0.35rem; padding-top: 0.35rem;
} }
.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: #FF3CFF;
}
}
.record-btn{
width: 1.56rem;
height: 0.573rem;
background: url(../images/record.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0.3rem;
top: 0.6rem;
}
.layer-result{
position: relative;
width: 9.626rem;
height: 7.8rem;
background: url(../images/layer-result.png)no-repeat;
background-size: 100% 100%;
}
.layer-result-ul{
width: 9.2rem;
height: 4.9rem;
// background: pink;
left: 0.213rem;
position: absolute;
overflow: scroll;
-webkit-overflow-scrolling: touch;
top: 2rem;
li{
height: 1rem;
width: 9.2rem;
position: relative;
div{
width: 50%;
height: 1rem;
line-height: 1rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #fff;
text-align: center;
}
}
}
\ No newline at end of file
activeFt/queen/images/like.png
activeFt/queen/images/like.png

2.24 KB | W: | H:

activeFt/queen/images/like.png

2.24 KB | W: | H:

activeFt/queen/images/like.png
activeFt/queen/images/like.png
activeFt/queen/images/like.png
activeFt/queen/images/like.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/queen/images/图片翻译/翻译.txt 0 → 100644
banner
banner
夜の女皇
Queen of the Night
夜深人靜~來尋求更親密的互動
The Tempting Night
（稱號）
夜の女皇
Queen
極樂夜王
King
夜の傳說
legend
夜の花魁
Flower
夜の佳人
Fair lady
夜の新人
Rookie
（gift-box）
夜の禮物
The Night's Gift
夜の入場券 Night Ticket
羽毛 Feather
飛吻 kiss
浪漫紅酒 red wine
夜の水晶鞋 crystal slippers
以上禮物及"夜の魔法"抽獎獲得的背包禮物均可助力主播成為夜之女王。
All the above gifts and the backpack gift won through the "Night's Magic" lottery can help the streamer become the Queen of the Night.
（1羽毛=1積分）主播每一次升級成功均可獲得豐厚的羽毛獎勵。
(1 FEATHERs = 1 point) The streamer can receive generous FEATHERs rewards every time they successfully upgrade.
（lucky-gift-box）
獎池一覽 Prize Pool
一箭穿心 Cupid's Arrow
夜の馬車 Carriage *30d
夜の水晶鞋 crystal slippers
夜の鑽戒 Diamond Ring
浪漫紅酒 red wine
夜の假面 Night's Mask
價值XX寶石 xxx gems' worth
抽取概率 probability
確定 Sure
未完成 Not yet
領取 Receive
已領取 received
去儲值 Recharge
複製 copy
抽取1次 （99寶石）Draw once （99GEMs）
抽取10次 （990寶石）Draw 10 times （990GEMs）
追蹤 Follow
夜の魔法 Night's Magic
夜の宮殿 Night Palace 玩家福利 Player Benefits
\ No newline at end of file
activeFt/queen/index.html
...@@ -29,9 +29,18 @@ ...@@ -29,9 +29,18 @@
</style> </style>
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<div style="display: none;" class="layer-result">
<ul class="layer-result-ul">
<li>
<div>7.02 23:35</div>
<div>夜の馬車*30天</div>
</li>
<li></li>
</ul>
</div>
<div style="display: none;" class="layer-fans"> <div style="display: none;" class="layer-fans">
<ul class="layer-fans-ul"> <ul class="layer-fans-ul">
<li> <!-- <li>
<div class="layer-fans-box1">1</div> <div class="layer-fans-box1">1</div>
<div class="layer-fans-box2">用戶暱稱預留</div> <div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div> <div class="layer-fans-box3">貢獻值：123456</div>
...@@ -45,7 +54,7 @@ ...@@ -45,7 +54,7 @@
<div class="layer-fans-box1">3</div> <div class="layer-fans-box1">3</div>
<div class="layer-fans-box2">用戶暱稱預留</div> <div class="layer-fans-box2">用戶暱稱預留</div>
<div class="layer-fans-box3">貢獻值：123456</div> <div class="layer-fans-box3">貢獻值：123456</div>
</li> </li> -->
</ul> </ul>
</div> </div>
<body style="background: #190B3A;"> <body style="background: #190B3A;">
...@@ -75,6 +84,7 @@ ...@@ -75,6 +84,7 @@
<div class="ok"></div> <div class="ok"></div>
</div> </div>
<div class="bg"> <div class="bg">
<a href="rule.html"><img class="rule-btn" src="images/rule-btn.png" alt=""></a>
<img class="ref" src="images/ref.png" alt=""> <img class="ref" src="images/ref.png" alt="">
<div class="banner"></div> <div class="banner"></div>
<div class="top-btn1"> <div class="top-btn1">
...@@ -122,8 +132,11 @@ ...@@ -122,8 +132,11 @@
</div> </div>
<div class="lucky-box"> <div class="lucky-box">
<div class="floor"></div> <div class="floor"></div>
<div class="lucky-name"></div> <div class="lucky-name">
<div class="record-btn"></div>
</div>
<img class="arm" src="images/arm.png" alt=""> <img class="arm" src="images/arm.png" alt="">
<img class="helo" src="images/s1/未抽奖_00002.png" alt="">
<div class="extract1"></div> <div class="extract1"></div>
<div class="extract10"></div> <div class="extract10"></div>
</div> </div>
...@@ -137,6 +150,24 @@ ...@@ -137,6 +150,24 @@
<script src="lib/clipboard.js"></script> <script src="lib/clipboard.js"></script>
<script> <script>
$(function(){ $(function(){
if(sessionStorage.lang==2)var titleName="夜の女皇"
else var titleName="Queen of the Night "
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 1, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang!=2){
$("title").text('Queen of the Night')
$("body").addClass("bg-en")
$(".rule-btn").attr("src","images/en/rule-btn.png")
}
showLazy()
$(".top-btn1 div").on("click",function(){ $(".top-btn1 div").on("click",function(){
var _self=$(this) var _self=$(this)
if(_self.attr("data-type")==1){ if(_self.attr("data-type")==1){
...@@ -149,8 +180,71 @@ $(function(){ ...@@ -149,8 +180,71 @@ $(function(){
$(".user-box").fadeIn(200) $(".user-box").fadeIn(200)
$(".top-btn1").addClass("top-btn2") $(".top-btn1").addClass("top-btn2")
task() task()
show1()
} }
}) })
$(".record-btn").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "7.8rem"],
content: $(".layer-result"),
end: function () {
$(".layui-layer-shade").hide()
}
})
record()
})
var ImgNum1=0
var ImgNum2=0
var showT1=null
var showT2=null
function showLazy(){
var imgList = [];
var num = 0;
loadImage()
function loadImage() {
var img = new Image();
img.addEventListener("load", loadHandler);
img.src = "images/s2/抽奖_" + imgAdd(num) + ".png";
}
function loadHandler() {
imgList.push(this.cloneNode());
num++;
if (num > 49) { return; }
this.src = "images/s2/抽奖_" + imgAdd(num) + ".png";
}
}
function show1(){
$(".arm").removeClass("arm-show2").addClass("arm-show")
clearInterval(showT1)
clearInterval(showT2)
showT1=setInterval(function(){
$(".helo").attr("src","images/s1/未抽奖_000"+add0(ImgNum1)+".png")
ImgNum1++
if(ImgNum1>49)ImgNum1=0
},100)
}
function show2(){
$(".arm").removeClass("arm-show").addClass("arm-show2")
clearInterval(showT1)
clearInterval(showT2)
showT2=setInterval(function(){
$(".helo").attr("src","images/s2/抽奖_000"+add0(ImgNum2)+".png")
ImgNum2++
if(ImgNum2>49){
ImgNum2=0
show1()
}
},70)
}
// function luckyGo(){
// show2()
// }
view() view()
function view(){ function view(){
$.ajax({ $.ajax({
...@@ -163,13 +257,15 @@ $(function(){ ...@@ -163,13 +257,15 @@ $(function(){
if(list.levelRankList[0]==undefined)continue; if(list.levelRankList[0]==undefined)continue;
html+='<div class="mc-box mc-box'+list.level+'">'; html+='<div class="mc-box mc-box'+list.level+'">';
html+='<div class="top-k k'+list.level+'"></div>'; html+='<div class="top-k k'+list.level+'"></div>';
html+='<p class="mc-box-tips">優先展示當前在線的前四名<br>目標積分'+list.levelScore+'<span> (獎勵'+list.levelBonds+'羽毛)</span></p>'; if(sessionStorage.lang==2)html+='<p class="mc-box-tips">優先展示當前在線的前四名<br>目標積分'+list.levelScore+'<span> (獎勵'+list.levelBonds+'羽毛)</span></p>';
else html+='<p class="mc-box-tips">Priority display for the top four currently online<br>Goal Points'+list.levelScore+'<span> (Reward:'+list.levelBonds+'FEATHERs)</span></p>';
html+='<div class="card-content">'; html+='<div class="card-content">';
for(var j=0;j<4;j++){ for(var j=0;j<4;j++){
if(list.levelRankList[j]==undefined){ if(list.levelRankList[j]==undefined){
html+='<div class="card-box">'; html+='<div class="card-box">';
html+='<img class="card-face" src="images/face.png" alt="">'; html+='<img class="card-face" src="images/face.png" alt="">';
html+='<p class="card-p1">虚位以待</p>'; if(sessionStorage.lang==2)html+='<p class="card-p1">虚位以待</p>';
else html+='<p class="card-p1">upcoming</p>';
html+='<p class="card-p2"><span>--</span>/'+list.levelScore+'</p>'; html+='<p class="card-p2"><span>--</span>/'+list.levelScore+'</p>';
html+='</div>'; html+='</div>';
continue continue
...@@ -182,13 +278,15 @@ $(function(){ ...@@ -182,13 +278,15 @@ $(function(){
if(list.levelScore==520000)html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/520k</p>'; if(list.levelScore==520000)html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/520k</p>';
else html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/'+list.levelScore+'</p>'; else html+='<p class="card-p2"><span>'+list.levelRankList[j].score+'</span>/'+list.levelScore+'</p>';
var userJson=JSON.stringify(list.levelRankList[j].fansRank) var userJson=JSON.stringify(list.levelRankList[j].fansRank)
html+="<div data-type='"+userJson+"' class='card-btn'>她的粉絲團</div>"; if(sessionStorage.lang==2)html+="<div data-type='"+userJson+"' class='card-btn'>她的粉絲團</div>";
else html+="<div data-type='"+userJson+"' class='card-btn'>her fans</div>";
html+='</div>'; html+='</div>';
} }
html+='</div>'; html+='</div>';
html+='</div>'; html+='</div>';
} }
$(".mc-list-content").html(html) $(".mc-list-content").html(html)
if(sessionStorage.lang!=2) $(".like-btn").attr("src","images/en/like.png")
$(".like-btn").unbind("click").on("click",function(){ $(".like-btn").unbind("click").on("click",function(){
var _self=$(this) var _self=$(this)
$.ajax({ $.ajax({
...@@ -216,7 +314,7 @@ $(function(){ ...@@ -216,7 +314,7 @@ $(function(){
for(var i=0;i<fansData.length;i++){ for(var i=0;i<fansData.length;i++){
html+='<li>'; html+='<li>';
html+='<div class="layer-fans-box1">'+fansData[i].index+'</div>'; html+='<div class="layer-fans-box1">'+fansData[i].index+'</div>';
html+='<div class="layer-fans-box2">'+fansData[i].name+'</div>'; html+='<div class="layer-fans-box2"><a href="yazhai://_' + fansData[i].uid + '_zone"><img src="https://big.bgp.ourpow.com/comm'+fansData[i].face+'?x-oss-process=image/resize,w_90"></a>'+fansData[i].name+'</div>';
html+='<div class="layer-fans-box3">貢獻值：'+fansData[i].score+'</div>'; html+='<div class="layer-fans-box3">貢獻值：'+fansData[i].score+'</div>';
html+='</li>'; html+='</li>';
} }
...@@ -239,7 +337,23 @@ $(function(){ ...@@ -239,7 +337,23 @@ $(function(){
if(sessionStorage.roomId!=0){ if(sessionStorage.roomId!=0){
bottom() bottom()
} }
function record(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getUserLotteryRecord.html',
success:function(data){
console.log('抽獎記錄',data)
var html=[]
for(var i=0;i<data.result.lotteryRecordList.length;i++){
var list=data.result.lotteryRecordList[i]
html+='<li>';
html+='<div>'+timeGet(list.lotteryTimeStamp)[1]+'.'+timeGet(list.lotteryTimeStamp)[2]+' '+timeGet(list.lotteryTimeStamp)[3]+':'+timeGet(list.lotteryTimeStamp)[4]+'</div>';
html+='<div>'+list.rewardName+'</div>';
html+='</li>';
}
$(".layer-result-ul").html(html)
}
})
}
function bottom(){ function bottom(){
$.ajax({ $.ajax({
url:$ip+'/actQueenOfTheNight/getViewBottomData.html', url:$ip+'/actQueenOfTheNight/getViewBottomData.html',
...@@ -251,7 +365,8 @@ $(function(){ ...@@ -251,7 +365,8 @@ $(function(){
html+='<img src="https://big.bgp.ourpow.com/comm'+data.result.roomData.roomFace+'?x-oss-process=image/resize,w_110" alt="">'; html+='<img src="https://big.bgp.ourpow.com/comm'+data.result.roomData.roomFace+'?x-oss-process=image/resize,w_110" alt="">';
html+='</div>'; html+='</div>';
html+='<div class="mc-nav-box2">'; html+='<div class="mc-nav-box2">';
html+=''+data.result.roomData.roomName+' <span><img src="images/k1.png"></span>'; if(sessionStorage.lang==2)html+=''+data.result.roomData.roomName+' <span><img src="images/k'+data.result.roomData.level+'.png"></span>';
else html+=''+data.result.roomData.roomName+' <span><img src="images/en/k'+data.result.roomData.level+'.png"></span>';
html+='</div>'; html+='</div>';
html+='<div class="mc-nav-box3">'+data.result.roomData.score+'/'+data.result.roomData.levelScore+'</div>'; html+='<div class="mc-nav-box3">'+data.result.roomData.score+'/'+data.result.roomData.levelScore+'</div>';
$(".mc-nav").show().html(html); $(".mc-nav").show().html(html);
...@@ -319,7 +434,8 @@ $(function(){ ...@@ -319,7 +434,8 @@ $(function(){
layer.msg(data.msg) layer.msg(data.msg)
return; return;
} }
layer.msg(data.msg) if(sessionStorage.lang==2)layer.msg('已領取到背包內，請及時送出')
else layer.msg('Received in the backpack, please send it out promptly')
task() task()
} }
}) })
...@@ -352,45 +468,55 @@ $(function(){ ...@@ -352,45 +468,55 @@ $(function(){
},500) },500)
return; return;
} }
setTimeout(function(){ // setTimeout(function(){
giftOk=true; // giftOk=true;
},500) // },3500)
if(e==1){ if(e==1){
$(".gift-img-box img").attr("src","images/gift/g"+data.result.rewardIdList[0]+".png") show2()
$(".gift1-p").html(giftArr[data.result.rewardIdList[0]]) setTimeout(function(){
layer.open({ $(".gift-img-box img").attr("src","images/gift/g"+data.result.rewardIdList[0]+".png")
type: 1, $(".gift1-p").html(giftArr[data.result.rewardIdList[0]])
title: false, layer.open({
shadeClose: true, type: 1,
skin: "yourclass5", title: false,
area: ["9.62rem", "8.4rem"], shadeClose: true,
content: $(".layer-gift1"), skin: "yourclass5",
end: function () { area: ["9.62rem", "8.4rem"],
$(".layui-layer-shade").hide() content: $(".layer-gift1"),
} end: function () {
}) $(".layui-layer-shade").hide()
giftOk=true;
}
})
}, 3000);
} }
if(e==10){ if(e==10){
var html=[]; show2()
for(var i=0;i<data.result.rewardIdList.length;i++){ setTimeout(function() {
html+='<li>'; var html=[];
html+='<img src="images/gift/g'+data.result.rewardIdList[i]+'.png" alt="">'; for(var i=0;i<data.result.rewardIdList.length;i++){
html+='<p>'+giftArr[data.result.rewardIdList[i]]+'</p>'; html+='<li>';
html+='</li>'; html+='<img src="images/gift/g'+data.result.rewardIdList[i]+'.png" alt="">';
} html+='<p>'+giftArr[data.result.rewardIdList[i]]+'</p>';
$(".layer-gift-ul").html(html) html+='</li>';
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "13.293rem"],
content: $(".layer-gift10"),
end: function () {
$(".layui-layer-shade").hide()
} }
}) $(".layer-gift-ul").html(html)
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.62rem", "13.293rem"],
content: $(".layer-gift10"),
end: function () {
$(".layui-layer-shade").hide()
giftOk=true;
}
})
}, 3000);
} }
} }
}) })
......
activeFt/queen/lib/default.js
...@@ -68,7 +68,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1 ...@@ -68,7 +68,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
sessionStorage.roomId=23864554 sessionStorage.roomId=23864554
} }
if (bbb.indexOf("file:///E:") > -1) { if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=2 sessionStorage.lang=1
sessionStorage.uid =210102; sessionStorage.uid =210102;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=11134747; sessionStorage.roomId=11134747;
......
activeFt/queen/rule.html
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<title>美眉養成記-活動規則</title> <title>夜の女皇-活動規則</title>
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</style> </style>
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background: #210F2C;"> <body style="background: #190B3A;">
<div class="rule-bg"> <div class="rule-bg">
<a href="javascript:history.go(-1);"><img class="back" src="images/back.png" alt=""></a> <a href="javascript:history.go(-1);"><img class="back" src="images/back.png" alt=""></a>
<div class="callKF">如有問題點擊聯繫 <span>7*24小時在線客服</span></div> <div class="callKF">如有問題點擊聯繫 <span>7*24小時在線客服</span></div>
......
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