Skip to content

libai / fsActive

Go to a project
Commit 2392f96b by libai
Options

ft活动上线

parent ade68a46
Inline Side-by-side
Showing with 68 additions and 62 deletions
activeFt/summer/index.html
......@@ -301,9 +301,10 @@
<script>
$(function(){
var swiper = new Swiper(".mySwiper", {
loop: true,
pagination: {
el: ".swiper-pagination",
loop: true,
},
autoplay: {
delay: 3000,//1秒切换一次
......
footseenIcon/action/css/index.css
.act-room-bg1 {
width: 10rem;
height: 5.537rem;
height: 6.0511rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.act-room-p1 {
font-size: 0.75rem;
color: #f0edfa;
padding-top: 1.9rem;
text-indent: 1rem;
.act-room-bg2 {
position: relative;
width: 8rem;
height: 5.44rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-p2 {
font-size: 0.75rem;
color: #f0edfa;
padding-top: 0.2rem;
text-indent: 1rem;
.act-room-bg2 p {
font-size: 0 !important;
}
.act-title {
width: 5.07rem;
line-height: 1.4rem;
.act-room-p1 {
font-size: 0.65rem;
position: absolute;
color: #fff;
font-size: 0.8rem;
text-align: center;
font-weight: 700;
height: 1.5rem;
top: 3rem;
left: 1rem;
}
.act-room-p1 span {
color: #1FFFF2;
}
.act-room-p2 {
font-size: 0.65rem;
position: absolute;
left: 2.45rem;
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;
color: #fff;
top: 4.2rem;
left: 1rem;
}
.act-room-p2 span {
color: #1FFFF2;
}
footseenIcon/action/css/index.less
.act-room-bg1{
width: 10rem;
height: 5.537rem;
height: 6.0511rem;
background: url(../images/act-room-bg.png)no-repeat;
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{
font-size: 0.75rem;
color: #f0edfa;
padding-top: 1.9rem;
text-indent: 1rem;
font-size: 0.65rem;
position: absolute;
color: #fff;
top: 3rem;
left: 1rem;
span{
color: #1FFFF2;
}
}
.act-room-p2{
font-size: 0.75rem;
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;
font-size: 0.65rem;
position: absolute;
left: 2.45rem;
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;
color: #fff;
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 @@
</head>
<script src="lib/lottie-player.js"></script>
<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>
<p class="act-room-p1">主播積分 :</p>
<p class="act-room-p2">目標積分 :</p>
<p class="act-room-p1">距離上一名 :<span>55</span></p>
<p class="act-room-p2">當前排名 :<span>155</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -63,23 +63,16 @@ $(function(){
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
function view(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
url:$ip+'/actSummerDew/getRoomPartData.html',
success:function(data){
console.log('获取主播闯关信息',data)
if(data.stage!=-1)$(".act-room-bg1").show()
$(".act-title").text(titleArr[data.result.level])
if(sessionStorage.lang==2){
$(".act-room-p1").text('主播積分 : '+data.result.score)
$(".act-room-p2").text('目標積分 : '+data.result.levelScore)
}else{
$(".act-room-p1").text('score : '+data.result.score)
$(".act-room-p2").text('goal : '+data.result.levelScore)
}
console.log('获取主播信息',data)
if(data.result.userData.signReceive!=0)$(".act-room-bg1").removeClass("act-room-bg2")
if(data.result.roomData.rank==1)$(".act-room-p1").html('距離被超越 :<span>'+data.result.roomData.score+'<span>')
else $(".act-room-p1").html('距離上一名 :<span>'+data.result.roomData.score+'<span>')
$(".act-room-p2").html('當前排名 :'+data.result.roomData.rank)
}
})
}
......@@ -97,7 +90,7 @@ $(function(){
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'/activeFt/queen/index.html',
"url":''+$url+'/activeFt/summer/index.html',
"heightR":160,
"clickBlank":1,
"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