Skip to content

libai / fsActive

Go to a project
Commit 2392f96b by libai
Options

ft活动上线

parent ade68a46
Inline Side-by-side
Showing with 69 additions and 61 deletions
activeFt/summer/index.html
...@@ -301,9 +301,10 @@ ...@@ -301,9 +301,10 @@
<script> <script>
$(function(){ $(function(){
var swiper = new Swiper(".mySwiper", { var swiper = new Swiper(".mySwiper", {
loop: true,
pagination: { pagination: {
el: ".swiper-pagination", el: ".swiper-pagination",
loop: true,
}, },
autoplay: { autoplay: {
delay: 3000,//1秒切换一次 delay: 3000,//1秒切换一次
......
footseenIcon/action/css/index.css
.act-room-bg1 { .act-room-bg1 {
width: 10rem; width: 10rem;
height: 5.537rem; height: 6.0511rem;
background: url(../images/act-room-bg.png) no-repeat; background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
} }
.act-room-p1 { .act-room-bg2 {
font-size: 0.75rem; position: relative;
color: #f0edfa; width: 8rem;
padding-top: 1.9rem; height: 5.44rem;
text-indent: 1rem; background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
} }
.act-room-p2 { .act-room-bg2 p {
font-size: 0.75rem; font-size: 0 !important;
color: #f0edfa;
padding-top: 0.2rem;
text-indent: 1rem;
} }
.act-title { .act-room-p1 {
width: 5.07rem; font-size: 0.65rem;
line-height: 1.4rem; position: absolute;
color: #fff; color: #fff;
font-size: 0.8rem; top: 3rem;
text-align: center; left: 1rem;
font-weight: 700; }
height: 1.5rem; .act-room-p1 span {
color: #1FFFF2;
}
.act-room-p2 {
font-size: 0.65rem;
position: absolute; position: absolute;
left: 2.45rem; color: #fff;
text-shadow: 0.05rem 0.05rem 0.05rem #170060, -0.05rem 0.05rem 0.05rem #170060, 0.05rem -0.05rem 0.05rem #170060, -0.05rem -0.05rem 0.05rem #170060; top: 4.2rem;
left: 1rem;
}
.act-room-p2 span {
color: #1FFFF2;
} }
footseenIcon/action/css/index.less
.act-room-bg1{ .act-room-bg1{
width: 10rem; width: 10rem;
height: 5.537rem; height: 6.0511rem;
background: url(../images/act-room-bg.png)no-repeat; background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
}
.act-room-bg2{
position: relative;
width: 8rem;
height: 5.44rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
p{
font-size: 0 !important;
}
} }
.act-room-p1{ .act-room-p1{
font-size: 0.75rem; font-size: 0.65rem;
color: #f0edfa; position: absolute;
padding-top: 1.9rem; color: #fff;
text-indent: 1rem; top: 3rem;
left: 1rem;
span{
color: #1FFFF2;
}
} }
.act-room-p2{ .act-room-p2{
font-size: 0.75rem; font-size: 0.65rem;
color: #f0edfa;
padding-top: 0.2rem;
text-indent: 1rem;
}
.act-title{
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-align: center;
font-weight: 700;
// background: pink;
height: 1.5rem;
position: absolute; position: absolute;
left: 2.45rem; color: #fff;
text-shadow: 0.05rem 0.05rem 0.05rem #170060,-0.05rem 0.05rem 0.05rem #170060,0.05rem -0.05rem 0.05rem #170060,-0.05rem -0.05rem 0.05rem #170060; top: 4.2rem;
left: 1rem;
span{
color: #1FFFF2;
}
} }
\ No newline at end of file
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png

22.5 KB | W: | H:

footseenIcon/action/images/act-room-bg.png

11.4 KB | W: | H:

footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/action/index.html
...@@ -30,10 +30,10 @@ ...@@ -30,10 +30,10 @@
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0)"> <body style="background: rgba(0, 0, 0, 0)">
<div style="display: none;" class="act-room-bg1"> <div class="act-room-bg1 act-room-bg2">
<div class="act-title"></div> <div class="act-title"></div>
<p class="act-room-p1">主播積分 :</p> <p class="act-room-p1">距離上一名 :<span>55</span></p>
<p class="act-room-p2">目標積分 :</p> <p class="act-room-p2">當前排名 :<span>155</span></p>
</div> </div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -63,23 +63,16 @@ $(function(){ ...@@ -63,23 +63,16 @@ $(function(){
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html', url:$ip+'/actSummerDew/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('获取主播闯关信息',data) console.log('获取主播信息',data)
if(data.stage!=-1)$(".act-room-bg1").show() if(data.result.userData.signReceive!=0)$(".act-room-bg1").removeClass("act-room-bg2")
$(".act-title").text(titleArr[data.result.level]) if(data.result.roomData.rank==1)$(".act-room-p1").html('距離被超越 :<span>'+data.result.roomData.score+'<span>')
if(sessionStorage.lang==2){ else $(".act-room-p1").html('距離上一名 :<span>'+data.result.roomData.score+'<span>')
$(".act-room-p1").text('主播積分 : '+data.result.score) $(".act-room-p2").html('當前排名 :'+data.result.roomData.rank)
$(".act-room-p2").text('目標積分 : '+data.result.levelScore)
}else{
$(".act-room-p1").text('score : '+data.result.score)
$(".act-room-p2").text('goal : '+data.result.levelScore)
}
} }
}) })
} }
...@@ -97,7 +90,7 @@ $(function(){ ...@@ -97,7 +90,7 @@ $(function(){
"data": { "data": {
"popupType":2, "popupType":2,
// "width":314, // "width":314,
"url":''+$url+'/activeFt/queen/index.html', "url":''+$url+'/activeFt/summer/index.html',
"heightR":160, "heightR":160,
"clickBlank":1, "clickBlank":1,
"bottom":'0', "bottom":'0',
......
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