Skip to content

libai / fsActive

Go to a project
Commit eed537f2 by libai
Options

ft活动上线

parent 8bcc55d4
Inline Side-by-side
Showing with 116 additions and 61 deletions
activeFt/luckyGod/index.html
...@@ -122,7 +122,7 @@ $(function(){ ...@@ -122,7 +122,7 @@ $(function(){
} }
if(sessionStorage.lang==2)var titleName="幸運女神降臨" if(sessionStorage.lang==2)var titleName="幸運女神降臨"
else var titleName="The goddess of luck has come" else var titleName="The goddess of luck"
var obj = { var obj = {
"cid": 34, //修改网页title 居中显示。 "cid": 34, //修改网页title 居中显示。
"data": { "data": {
......
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png

10.3 KB | W: | H:

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

12.5 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
ftIcon/action/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%;
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;
margin-top: 0;
}
.act-room-bg2 p {
display: none;
}
.act-room-p1 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute; position: absolute;
right: -2.9rem; top: 2.2rem;
top: -3.9rem; left: 1rem;
transform: scale(0.25);
} }
.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/action/css/index.less
.bg-en{ .bg-en{
.act-room-bg1{
background: url(../images/act-room-bg.png)no-repeat; }
background-size: 100% 100%; .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-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;
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;
span{
color: #F83FFF;
}
}
.act-room-p3{
font-size: 0.78rem;
color: #CA9FFF;
position: absolute; position: absolute;
right: -2.9rem; top: 3.7rem;
top: -3.9rem; left: 5.6rem;
transform: scale(0.25); span{
.num-box{ color: #F83FFF;
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);
} }
} }
\ No newline at end of file
ftIcon/action/images/act-room-bg.png
ftIcon/action/images/act-room-bg.png

10.3 KB | W: | H:

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

12.5 KB | W: | H:

ftIcon/action/images/act-room-bg.png
ftIcon/action/images/act-room-bg.png
ftIcon/action/images/act-room-bg.png
ftIcon/action/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/action/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":87.6, "height":72,
'unit':2, 'unit':2,
"position":1 "position":1
} }
...@@ -62,12 +64,17 @@ $(function(){ ...@@ -62,12 +64,17 @@ $(function(){
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html', url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
if(data.result.roomData.flowerNum>0)$(".num-box").show() if(data.result.userData.signReceive==0){
else $(".num-box").hide() $(".act-room-bg").addClass("act-room-bg2").show()
$(".num-box").text(data.result.roomData.flowerNum) return;
}
$(".act-room-bg").removeClass("act-room-bg2").show()
$(".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)
} }
}) })
} }
...@@ -94,15 +101,15 @@ $(function(){ ...@@ -94,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',
} }
......
ftIcon/action2/index.html
...@@ -62,12 +62,17 @@ $(function(){ ...@@ -62,12 +62,17 @@ $(function(){
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html', url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
if(data.result.roomData.flowerNum>0)$(".num-box").show() if(data.result.userData.signReceive==0){
else $(".num-box").hide() $(".act-room-bg").addClass("act-room-bg2").show()
$(".num-box").text(data.result.roomData.flowerNum) return;
}
$(".act-room-bg").removeClass("act-room-bg2").show()
$(".act-room-p1").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)
} }
}) })
} }
......
ftIcon/liveData/index.html
...@@ -94,11 +94,11 @@ $(function(){ ...@@ -94,11 +94,11 @@ $(function(){
}) })
function ActView(){ function ActView(){
$.ajax({ $.ajax({
url:$ip+'/actTheLuckFairy/getRoomPartData.html', url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('圖標數據',data) console.log('圖標數據',data)
$(".act-room-bg").show() $(".act-room-bg").show()
$(".act-room-p1").text(data.result.roomData.score) $(".act-room-p1").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))
......
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