Skip to content

libai / fsActive

Go to a project
Commit c38be282 by libai
Options

ft活动上线

parent d3cfd8a4
Inline Side-by-side
Showing with 146 additions and 60 deletions
activeFt/goddess/css/index.css
...@@ -2,6 +2,13 @@ ...@@ -2,6 +2,13 @@
margin: 0 auto; margin: 0 auto;
width: 10rem; width: 10rem;
} }
.ref {
width: 0.746rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.rule-bg { .rule-bg {
height: 42.2rem; height: 42.2rem;
width: 10rem; width: 10rem;
...@@ -364,8 +371,17 @@ ...@@ -364,8 +371,17 @@
background: url(../images/show1.png) no-repeat; background: url(../images/show1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left: 1.927rem; left: 1.927rem;
top: 12.2rem; top: 11.8rem;
position: absolute; position: absolute;
animation: show1Go 15s infinite linear;
}
@keyframes show1Go {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} }
.show2 { .show2 {
width: 4.52rem; width: 4.52rem;
...@@ -374,7 +390,16 @@ ...@@ -374,7 +390,16 @@
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
left: 2.75rem; left: 2.75rem;
top: 13.05rem; top: 12.65rem;
animation: show2Go 15s infinite linear;
}
@keyframes show2Go {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
} }
.lucky-btn { .lucky-btn {
width: 4.306rem; width: 4.306rem;
...@@ -665,6 +690,16 @@ ...@@ -665,6 +690,16 @@
background: url(../images/like2.png) no-repeat; background: url(../images/like2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.top-like-click {
position: absolute;
width: 1.44rem;
height: 0.426rem;
left: 4.28rem;
top: 1.7rem;
background: url(../images/like-btn.png) no-repeat;
background-size: 100% 100%;
display: none;
}
.record-p1 { .record-p1 {
transform: scale(0.9); transform: scale(0.9);
width: 2.2rem; width: 2.2rem;
......
activeFt/goddess/css/index.less
...@@ -2,6 +2,13 @@ ...@@ -2,6 +2,13 @@
margin: 0 auto; margin: 0 auto;
width: 10rem; width: 10rem;
} }
.ref{
width: 0.746rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.rule-bg{ .rule-bg{
height: 42.2rem; height: 42.2rem;
width: 10rem; width: 10rem;
...@@ -372,8 +379,17 @@ ...@@ -372,8 +379,17 @@
background: url(../images/show1.png) no-repeat; background: url(../images/show1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left: 1.927rem; left: 1.927rem;
top: 12.2rem; top: 11.8rem;
position: absolute; position: absolute;
animation: show1Go 15s infinite linear;
}
@keyframes show1Go{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
} }
.show2{ .show2{
width: 4.52rem; width: 4.52rem;
...@@ -382,7 +398,17 @@ ...@@ -382,7 +398,17 @@
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
left: 2.75rem; left: 2.75rem;
top: 13.05rem; top: 12.65rem;
animation: show2Go 15s infinite linear;
}
@keyframes show2Go{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(-360deg);
}
} }
.lucky-btn{ .lucky-btn{
width: 4.306rem; width: 4.306rem;
...@@ -677,6 +703,16 @@ ...@@ -677,6 +703,16 @@
background: url(../images/like2.png)no-repeat; background: url(../images/like2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.top-like-click{
position: absolute;
width: 1.44rem ;
height: 0.426rem;
left: 4.28rem;
top: 1.7rem;
background: url(../images/like-btn.png)no-repeat;
background-size: 100% 100%;
display: none;
}
.record-p1{ .record-p1{
transform: scale(0.9); transform: scale(0.9);
width: 2.2rem; width: 2.2rem;
......
activeFt/goddess/images/show1.png
activeFt/goddess/images/show1.png

31.7 KB | W: | H:

activeFt/goddess/images/show1.png

29.3 KB | W: | H:

activeFt/goddess/images/show1.png
activeFt/goddess/images/show1.png
activeFt/goddess/images/show1.png
activeFt/goddess/images/show1.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/goddess/images/show2.png
activeFt/goddess/images/show2.png

40.8 KB | W: | H:

activeFt/goddess/images/show2.png

37.2 KB | W: | H:

activeFt/goddess/images/show2.png
activeFt/goddess/images/show2.png
activeFt/goddess/images/show2.png
activeFt/goddess/images/show2.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/goddess/index.html
...@@ -57,6 +57,7 @@ ...@@ -57,6 +57,7 @@
</ul> </ul>
</div> </div>
<div class="bg"> <div class="bg">
<img class="ref" src="images/ref.png" alt="">
<img class="rule-btn" src="images/rule-btn.png" alt=""> <img class="rule-btn" src="images/rule-btn.png" alt="">
<div class="banner"></div> <div class="banner"></div>
<div class="top-btn1"> <div class="top-btn1">
...@@ -77,6 +78,8 @@ ...@@ -77,6 +78,8 @@
<div class="floor"> <div class="floor">
<img class="yesterday-btn" src="images/yesterday-btn.png" alt=""> <img class="yesterday-btn" src="images/yesterday-btn.png" alt="">
<img class="top-mc-face" src="images/face.png" alt=""> <img class="top-mc-face" src="images/face.png" alt="">
<img style="display: none;" class="top-like" src="images/like-btn.png" alt="">
<div class="top-like-click"></div>
<p class="top-mc-p1">昨日最佳主播</p> <p class="top-mc-p1">昨日最佳主播</p>
<p class="top-mc-p2">虛位以待</p> <p class="top-mc-p2">虛位以待</p>
<p class="top-mc-p3">積分:--</p> <p class="top-mc-p3">積分:--</p>
...@@ -257,9 +260,28 @@ $(function(){ ...@@ -257,9 +260,28 @@ $(function(){
$(".top-mc-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110") $(".top-mc-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110")
$(".top-mc-p2").text(list.nickName) $(".top-mc-p2").text(list.nickName)
$(".top-mc-p3").text("積分:"+list.score+"") $(".top-mc-p3").text("積分:"+list.score+"")
if(list.isLike==0&&list.uid!=0)$(".top-like").show().attr("data-type",list.uid)
$(".top-mc-face").unbind("click").on("click",function(){ $(".top-mc-face").unbind("click").on("click",function(){
window.location.href='yazhai://_' + list.uid + '_zone' window.location.href='yazhai://_' + list.uid + '_zone'
}) })
$(".top-like").unbind("click").on("click",function(){
var _self=$(this)
$.ajax({
url:$ip+'/room/like',
data:{
roomId:_self.attr("data-type")
},
success:function(data){
if(data.code==1){
if(sessionStorage.lang==2)layer.msg("追蹤成功")
else layer.msg("success!")
_self.hide()
}else{
layer.msg(data.msg)
}
}
})
})
} }
}) })
} }
...@@ -493,6 +515,7 @@ $(function(){ ...@@ -493,6 +515,7 @@ $(function(){
giftOk=true; giftOk=true;
} }
}) })
task()
$(".layer-reg-btn").unbind("click").on("click",function(){ $(".layer-reg-btn").unbind("click").on("click",function(){
layer.closeAll() layer.closeAll()
}) })
......
footseenIcon/action/css/index.css
...@@ -8,38 +8,40 @@ ...@@ -8,38 +8,40 @@
} }
.act-room-bg1 { .act-room-bg1 {
width: 10rem; width: 10rem;
height: 6.0511rem; height: 6.085rem;
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; position: relative;
} }
.act-room-bg2 { .act-room-bg2 {
position: relative; position: relative;
width: 8rem; width: 10rem;
height: 5.44rem; height: 7.251rem;
background: url(../images/en/act-room-bg2.png) no-repeat; background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(0.85);
} }
.act-room-bg2 p { .act-room-bg2 p {
font-size: 0 !important; font-size: 0 !important;
} }
.act-room-p1 { .act-room-p1 {
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 2.7rem;
top: 3rem;
left: 1rem; left: 1rem;
} }
.act-room-p1 span {
color: #1FFFF2;
}
.act-room-p2 { .act-room-p2 {
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 4rem;
top: 4.2rem;
left: 1rem; left: 1rem;
} }
.act-room-p2 span { .act-room-p3 {
color: #1FFFF2; color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 4rem;
left: 5.8rem;
} }
footseenIcon/action/css/index.less
...@@ -10,40 +10,40 @@ ...@@ -10,40 +10,40 @@
} }
.act-room-bg1{ .act-room-bg1{
width: 10rem; width: 10rem;
height: 6.0511rem; height: 6.085rem;
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; position: relative;
} }
.act-room-bg2{ .act-room-bg2{
position: relative; position: relative;
width: 8rem; width: 10rem;
height: 5.44rem; height: 7.251rem;
background: url(../images/en/act-room-bg2.png)no-repeat; background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: scale(0.85);
p{ p{
font-size: 0 !important; font-size: 0 !important;
} }
} }
.act-room-p1{ .act-room-p1{
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 2.7rem;
top: 3rem;
left: 1rem; left: 1rem;
span{
color: #1FFFF2;
}
} }
.act-room-p2{ .act-room-p2{
font-size: 0.65rem; color: #B53C76;
font-size: 0.75rem;
position: absolute; position: absolute;
color: #fff; top: 4rem;
top: 4.2rem;
left: 1rem; left: 1rem;
span{ }
color: #1FFFF2; .act-room-p3{
} color: #B53C76;
font-size: 0.75rem;
position: absolute;
top: 4rem;
left: 5.8rem;
} }
\ No newline at end of file
footseenIcon/action/images/act-room-bg.png
footseenIcon/action/images/act-room-bg.png

11.4 KB | W: | H:

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

13.8 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/images/act-room-bg2.png
footseenIcon/action/images/act-room-bg2.png

7.09 KB | W: | H:

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

6.02 KB | W: | H:

footseenIcon/action/images/act-room-bg2.png
footseenIcon/action/images/act-room-bg2.png
footseenIcon/action/images/act-room-bg2.png
footseenIcon/action/images/act-room-bg2.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/action/index.html
...@@ -31,9 +31,9 @@ ...@@ -31,9 +31,9 @@
<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 act-room-bg2"> <div class="act-room-bg1 act-room-bg2">
<div class="act-title"></div> <p class="act-room-p1">主播積分 : 8000</p>
<p class="act-room-p1"></p> <p class="act-room-p2">進度 : 18%</p>
<p class="act-room-p2"></p> <p class="act-room-p3">排名 : 5</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>
...@@ -44,11 +44,9 @@ ...@@ -44,11 +44,9 @@
<script> <script>
$(function(){ $(function(){
var wsTimer=null var wsTimer=null
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
} }
var obj = { var obj = {
"cid": 43, "cid": 43,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
...@@ -66,21 +64,15 @@ $(function(){ ...@@ -66,21 +64,15 @@ $(function(){
function view(){ function view(){
$.ajax({ $.ajax({
url:$ip+'/actSummerDew/getRoomPartData.html', url:$ip+'/actGoddessStory/getRoomPartData.html',
success:function(data){ success:function(data){
console.log('获取主播信息',data) console.log('获取主播信息',data)
if(data.result.userData.signReceive!=0&&data.result.roomData.rank!=-1)$(".act-room-bg1").removeClass("act-room-bg2") if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
else $(".act-room-bg1").addClass("act-room-bg2") $(".act-room-bg1").show()
if(sessionStorage.lang==2){ $(".act-room-p1").text('主播積分 : '+data.result.roomData.score)
if(data.result.roomData.rank==1)$(".act-room-p1").html('距離被超越 :<span>'+data.result.roomData.diffPreScore+'</span>') $(".act-room-p2").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
else $(".act-room-p1").html('距離上一名 : <span>'+data.result.roomData.diffPreScore+'</span>') if(data.result.roomData.rank==-1)$(".act-room-p3").text("排名 : --")
$(".act-room-p2").html('當前排名 : <span>'+data.result.roomData.rank+'</span>') else $(".act-room-p3").text("排名 : "+data.result.roomData.rank+"")
}else{
if(data.result.roomData.rank==1)$(".act-room-p1").html('Leading : <span>'+data.result.roomData.diffPreScore+'</span>')
else $(".act-room-p1").html('the one ahead : <span>'+data.result.roomData.diffPreScore+'</span>')
$(".act-room-p2").html('rank : <span>'+data.result.roomData.rank+'</span>')
}
} }
}) })
} }
...@@ -88,9 +80,6 @@ $(function(){ ...@@ -88,9 +80,6 @@ $(function(){
setInterval(function(){ setInterval(function(){
view() view()
},60000) },60000)
$(".act-room-bg1").on("click",function(){ $(".act-room-bg1").on("click",function(){
var obj = { var obj = {
"cid": 31, "cid": 31,
...@@ -98,7 +87,7 @@ $(function(){ ...@@ -98,7 +87,7 @@ $(function(){
"data": { "data": {
"popupType":2, "popupType":2,
// "width":314, // "width":314,
"url":''+$url+'/activeFt/summer/index.html', "url":''+$url+'/activeFt/goddess/index.html',
"heightR":160, "heightR":160,
"clickBlank":1, "clickBlank":1,
"bottom":'0', "bottom":'0',
......
footseenIcon/action/lib/default.js
...@@ -43,7 +43,7 @@ if (uid.indexOf("http://localhost:63342") > -1) { ...@@ -43,7 +43,7 @@ if (uid.indexOf("http://localhost:63342") > -1) {
sessionStorage.roomId=23864554 sessionStorage.roomId=23864554
} }
if (uid.indexOf("file:///") > -1) { if (uid.indexOf("file:///") > -1) {
sessionStorage.lang=1 sessionStorage.lang=2
sessionStorage.uid = 210102; sessionStorage.uid = 210102;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=210102; sessionStorage.roomId=210102;
......
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