Skip to content

libai / fsActive

Go to a project
Commit d97858f9 by libai
Options

ft活动上线

parent eed537f2
Inline Side-by-side
Showing with 92 additions and 51 deletions
ftIcon/action2/css/index.css
.bg-en .act-room-bg1 { .act-room-bg {
width: 10rem;
height: 5.972rem;
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%;
width: 10rem; position: relative;
margin-top: -0.3rem;
} }
.act-room-bg1 { .act-room-bg2 {
width: 8rem; width: 8rem;
height: 10.375rem; float: right;
background: url(../images/act-room-bg.png?v=2024081301) no-repeat; height: 5.972rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
float: right; margin-top: 0;
transform: scale(0.7); }
top: -1.5rem; .act-room-bg2 p {
display: none;
}
.act-room-p1 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 2.2rem;
left: 1rem; left: 1rem;
} }
.act-room-bg1 .num-box { .act-room-p1 span {
color: #F83FFF;
}
.act-room-p2 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute; position: absolute;
right: 0.2rem; top: 3.7rem;
top: 1.25rem; left: 1rem;
width: 2rem; }
height: 2rem; .act-room-p2 span {
border-radius: 50%; color: #F83FFF;
font-size: 1.3rem; }
background: rgba(37, 137, 28); .act-room-p3 {
text-align: center; font-size: 0.78rem;
line-height: 2rem; color: #CA9FFF;
font-weight: 700; position: absolute;
color: #f0ff25; top: 3.7rem;
border: 0.1rem solid #55eb3d; left: 5.6rem;
}
.act-room-p3 span {
color: #F83FFF;
} }
ftIcon/action2/css/index.less
.bg-en{ .bg-en{
.act-room-bg1{
}
.act-room-bg{
width: 10rem;
height: 5.972rem;
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%;
width: 10rem; position: relative;
} margin-top: -0.3rem;
} }
.act-room-bg1{ .act-room-bg2{
width: 8rem; width: 8rem;
height: 10.375rem; float: right;
background: url(../images/act-room-bg.png?v=2024081301) no-repeat; height: 5.972rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
float: right; margin-top: 0;
transform: scale(0.7); p{
top: -1.5rem; display: none;
}
}
.act-room-p1{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 2.2rem;
left: 1rem;
span{
color: #F83FFF;
}
}
.act-room-p2{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 3.7rem;
left: 1rem; left: 1rem;
.num-box{ span{
color: #F83FFF;
}
}
.act-room-p3{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute; position: absolute;
right: 0.2rem; top: 3.7rem;
top: 1.25rem; left: 5.6rem;
width: 2rem; span{
height: 2rem; color: #F83FFF;
// background: pink;
border-radius: 50%;
font-size: 1.3rem;
background: rgba(37,137,28);
text-align: center;
line-height: 2rem;
font-weight: 700;
color: rgb(240, 255, 37);
border: 0.1rem solid rgb(85,235,61);
} }
} }
\ No newline at end of file
ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png

10.3 KB | W: | H:

ftIcon/action2/images/act-room-bg.png

12.5 KB | W: | H:

ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png
ftIcon/action2/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/action2/index.html
...@@ -30,8 +30,10 @@ ...@@ -30,8 +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 class="act-room-bg1 "> <div style="display: none;" class="act-room-bg act-room-bg2">
<div style="display: none;" class="num-box">0</div> <p class="act-room-p1">主播積分 : <span>80000</span></p>
<p class="act-room-p2">進度 : <span>18%</span></p>
<p class="act-room-p3">排名 : <span>5</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>
...@@ -52,7 +54,7 @@ $(function(){ ...@@ -52,7 +54,7 @@ $(function(){
"type":1, "type":1,
// "width":314, // "width":314,
"width":120, "width":120,
"height":88, "height":72,
'unit':2, 'unit':2,
"position":1 "position":1
} }
...@@ -70,7 +72,7 @@ $(function(){ ...@@ -70,7 +72,7 @@ $(function(){
return; return;
} }
$(".act-room-bg").removeClass("act-room-bg2").show() $(".act-room-bg").removeClass("act-room-bg2").show()
$(".act-room-p1").text(data.result.roomData.score) $(".act-room-p1 span").text(data.result.roomData.score)
$(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100)) $(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100))
$(".act-room-p3 span").text(data.result.roomData.rank) $(".act-room-p3 span").text(data.result.roomData.rank)
} }
...@@ -99,15 +101,15 @@ $(function(){ ...@@ -99,15 +101,15 @@ $(function(){
}) })
} }
},30000) },30000)
$(".act-room-bg1").on("click",function(){ $(".act-room-bg").on("click",function(){
var obj = { var obj = {
"cid": 31, "cid": 31,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
"data": { "data": {
"popupType":2, "popupType":2,
// "width":314, // "width":314,
"url":'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html', "url":''+$url+'activeFt/luckyGod/index.html',
"heightR":121, "heightR":140,
"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