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(){
}
if(sessionStorage.lang==2)var titleName="幸運女神降臨"
else var titleName="The goddess of luck has come"
else var titleName="The goddess of luck"
var obj = {
"cid": 34, //修改网页title 居中显示。
"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-size: 100% 100%;
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;
margin-top: 0;
}
.act-room-bg2 p {
display: none;
}
.act-room-p1 {
font-size: 0.78rem;
color: #CA9FFF;
position: absolute;
right: -2.9rem;
top: -3.9rem;
transform: scale(0.25);
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/action/css/index.less
.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;
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;
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;
right: -2.9rem;
top: -3.9rem;
transform: scale(0.25);
.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);
top: 3.7rem;
left: 5.6rem;
span{
color: #F83FFF;
}
}
\ 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 @@
</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":87.6,
"height":72,
'unit':2,
"position":1
}
......@@ -62,12 +64,17 @@ $(function(){
function view(){
$.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html',
url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
if(data.result.roomData.flowerNum>0)$(".num-box").show()
else $(".num-box").hide()
$(".num-box").text(data.result.roomData.flowerNum)
if(data.result.userData.signReceive==0){
$(".act-room-bg").addClass("act-room-bg2").show()
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(){
})
}
},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',
}
......
ftIcon/action2/index.html
......@@ -62,12 +62,17 @@ $(function(){
function view(){
$.ajax({
url:$ip+'/actSecretGarden/getRoomPartData.html',
url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
if(data.result.roomData.flowerNum>0)$(".num-box").show()
else $(".num-box").hide()
$(".num-box").text(data.result.roomData.flowerNum)
if(data.result.userData.signReceive==0){
$(".act-room-bg").addClass("act-room-bg2").show()
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(){
})
function ActView(){
$.ajax({
url:$ip+'/actTheLuckFairy/getRoomPartData.html',
success:function(data){
console.log('圖標數據',data)
$(".act-room-bg").show()
$(".act-room-p1").text(data.result.roomData.score)
$(".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