Skip to content

libai / fsActive

Go to a project
Commit d97858f9 by libai
Options

ft活动上线

parent eed537f2
Inline Side-by-side
Showing with 95 additions and 54 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-size: 100% 100%;
width: 10rem;
position: relative;
margin-top: -0.3rem;
}
.act-room-bg1 {
.act-room-bg2 {
width: 8rem;
height: 10.375rem;
background: url(../images/act-room-bg.png?v=2024081301) no-repeat;
float: right;
height: 5.972rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
position: relative;
float: right;
transform: scale(0.7);
top: -1.5rem;
margin-top: 0;
}
.act-room-bg2 p {
display: none;
}
.act-room-p1 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 2.2rem;
left: 1rem;
}
.act-room-bg1 .num-box {
.act-room-p1 span {
color: #F83FFF;
}
.act-room-p2 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
right: 0.2rem;
top: 1.25rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
font-size: 1.3rem;
background: rgba(37, 137, 28);
text-align: center;
line-height: 2rem;
font-weight: 700;
color: #f0ff25;
border: 0.1rem solid #55eb3d;
top: 3.7rem;
left: 1rem;
}
.act-room-p2 span {
color: #F83FFF;
}
.act-room-p3 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 3.7rem;
left: 5.6rem;
}
.act-room-p3 span {
color: #F83FFF;
}
ftIcon/action2/css/index.less
.bg-en{
.act-room-bg1{
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
width: 10rem;
}
}
.act-room-bg1{
width: 8rem;
height: 10.375rem;
background: url(../images/act-room-bg.png?v=2024081301) no-repeat;
.act-room-bg{
width: 10rem;
height: 5.972rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
position: relative;
margin-top: -0.3rem;
}
.act-room-bg2{
width: 8rem;
float: right;
transform: scale(0.7);
top: -1.5rem;
height: 5.972rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
position: relative;
margin-top: 0;
p{
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;
.num-box{
position: absolute;
right: 0.2rem;
top: 1.25rem;
width: 2rem;
height: 2rem;
// 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);
span{
color: #F83FFF;
}
}
.act-room-p3{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
top: 3.7rem;
left: 5.6rem;
span{
color: #F83FFF;
}
}
\ 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 @@
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0)">
<div class="act-room-bg1 ">
<div style="display: none;" class="num-box">0</div>
<div style="display: none;" class="act-room-bg act-room-bg2">
<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>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -52,7 +54,7 @@ $(function(){
"type":1,
// "width":314,
"width":120,
"height":88,
"height":72,
'unit':2,
"position":1
}
......@@ -70,7 +72,7 @@ $(function(){
return;
}
$(".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-p3 span").text(data.result.roomData.rank)
}
......@@ -99,15 +101,15 @@ $(function(){
})
}
},30000)
$(".act-room-bg1").on("click",function(){
$(".act-room-bg").on("click",function(){
var obj = {
"cid": 31,
"reqCode": new Date().getTime(),
"data": {
"popupType":2,
// "width":314,
"url":'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html',
"heightR":121,
"url":''+$url+'activeFt/luckyGod/index.html',
"heightR":140,
"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