Skip to content

libai / fsActive

Go to a project
Commit 39107dd3 by libai
Options

ft活动上线

parent c60dc235
Inline Side-by-side
Showing with 358 additions and 15 deletions
activeFt/goddess/css/index.css
......@@ -63,6 +63,50 @@
background: url(../images/en/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-reg {
background: url(../images/en/layer-reg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-reg-btn {
background: url(../images/en/ok.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-user-gift {
background: url(../images/en/layer-user-gift.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-user-gift .layer-user-gift-ok {
background: url(../images/en/ok.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-user-gift {
background: url(../images/en/layer-user-gift.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-user-gift .layer-user-gift-ok {
background: url(../images/en/ok.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-vip-btn {
background: url(../images/ok.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-vip {
background: url(../images/en/layer-vip.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .layer-yesterday {
background: url(../images/en/layer-yesterday.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .record-like {
background: url(../images/en/like.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .record-like-end {
background: url(../images/en/like2.png) no-repeat;
background-size: 100% 100%;
}
.bg {
margin: 0 auto;
width: 10rem;
......@@ -761,6 +805,16 @@
background: url(../images/like2.png) no-repeat;
background-size: 100% 100%;
}
.top-like {
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;
}
.top-like-click {
position: absolute;
width: 1.44rem;
......@@ -792,3 +846,98 @@
white-space: nowrap;
overflow: hidden;
}
.bottom-nav {
position: fixed;
width: 10rem;
height: 2.093rem;
background: url(../images/bottom-nav.png) no-repeat;
background-size: 100% 100%;
bottom: 0;
left: 0;
z-index: 500;
}
.bottom-nav .list-box1 {
width: 0.85rem;
height: 2.1rem;
position: relative;
margin-left: 0.5rem;
float: left;
text-align: center;
line-height: 2.1rem;
font-size: 0.43rem;
color: #DC438E;
font-weight: 700;
}
.bottom-nav .list-box1 > img {
vertical-align: middle;
width: 0.7rem;
margin-top: -0.15rem;
}
.bottom-nav .list-box2 {
width: 5.7rem;
height: 2.1rem;
position: relative;
float: left;
}
.bottom-nav .list-face1 {
position: absolute;
width: 1rem;
height: 1rem;
top: 0.5rem;
left: 0.25rem;
border-radius: 50%;
}
.bottom-nav .list-face2 {
position: absolute;
width: 0.95rem;
height: 0.95rem;
top: 0.55rem;
left: 1.4rem;
border-radius: 50%;
}
.bottom-nav .list-p1 {
color: #fff;
font-size: 0.35rem;
position: absolute;
left: 2.65rem;
top: 0.55rem;
width: 2.9rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bottom-nav .list-p2 {
color: #fff;
font-size: 0.3rem;
position: absolute;
left: 2.65rem;
top: 1.1rem;
width: 2.9rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bottom-nav .list-box3 {
width: 2.65rem;
float: left;
font-weight: 700;
height: 2.1rem;
position: relative;
font-size: 0.33rem;
color: #fff;
line-height: 2.1rem;
}
.bottom-nav .list-ok {
position: absolute;
left: 0.2rem;
width: 1.88rem;
height: 0.773rem;
background: url(../images/list-ok.png) no-repeat;
background-size: 100% 100%;
top: 0.6rem;
font-size: 0.3rem;
text-align: center;
line-height: 0.75rem;
font-weight: 700;
color: #fff;
}
activeFt/goddess/css/index.less
......@@ -64,6 +64,51 @@
background: url(../images/en/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
.layer-reg{
background: url(../images/en/layer-reg.png)no-repeat;
background-size: 100% 100%;
}
.layer-reg-btn{
background: url(../images/en/ok.png) no-repeat;
background-size: 100% 100%;
}
.layer-user-gift{
background: url(../images/en/layer-user-gift.png)no-repeat;
background-size: 100% 100%;
.layer-user-gift-ok{
background: url(../images/en/ok.png) no-repeat;
background-size: 100% 100%;
}
}
.layer-user-gift{
background: url(../images/en/layer-user-gift.png)no-repeat;
background-size: 100% 100%;
.layer-user-gift-ok{
background: url(../images/en/ok.png) no-repeat;
background-size: 100% 100%;
}
}
.layer-vip-btn{
background: url(../images/ok.png) no-repeat;
background-size: 100% 100%;
}
.layer-vip{
background: url(../images/en/layer-vip.png)no-repeat;
background-size: 100% 100%;
}
.layer-yesterday{
background: url(../images/en/layer-yesterday.png) no-repeat;
background-size: 100% 100%;
}
.record-like{
background: url(../images/en/like.png)no-repeat;
background-size: 100% 100%;
}
.record-like-end{
background: url(../images/en/like2.png)no-repeat;
background-size: 100% 100%;
}
}
.bg{
margin: 0 auto;
......@@ -776,6 +821,16 @@
background: url(../images/like2.png)no-repeat;
background-size: 100% 100%;
}
.top-like{
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;
}
.top-like-click{
position: absolute;
width: 1.44rem ;
......@@ -807,3 +862,100 @@
white-space: nowrap;
overflow: hidden;
}
.bottom-nav{
position: fixed;
width: 10rem;
height: 2.093rem;
background: url(../images/bottom-nav.png)no-repeat;
background-size: 100% 100%;
bottom: 0;
left: 0;
z-index: 500;
.list-box1{
width: 0.85rem;
height: 2.1rem;
position: relative;
margin-left: 0.5rem;
float: left;
text-align: center;
line-height: 2.1rem;
font-size: 0.43rem;
color: #DC438E;
font-weight: 700;
>img{
vertical-align: middle;
width: 0.7rem;
margin-top: -0.15rem;
}
}
.list-box2{
width: 5.7rem;
height: 2.1rem;
position: relative;
float: left;
}
.list-face1{
position: absolute;
width: 1rem;
height: 1rem;
top: 0.5rem;
left: 0.25rem;
border-radius: 50%;
}
.list-face2{
position: absolute;
width: 0.95rem;
height: 0.95rem;
top: 0.55rem;
left: 1.4rem;
border-radius: 50%;
}
.list-p1{
color: #fff;
font-size: 0.35rem;
position: absolute;
left: 2.65rem;
top: 0.55rem;
width: 2.9rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list-p2{
color: #fff;
font-size: 0.3rem;
position: absolute;
left: 2.65rem;
top: 1.1rem;
width: 2.9rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list-box3{
width: 2.65rem;
float: left;
font-weight: 700;
height: 2.1rem;
position: relative;
font-size: 0.33rem;
color: #fff;
// text-align: center;
line-height: 2.1rem;
}
.list-ok{
position: absolute;
left: 0.2rem;
width: 1.88rem;
height: 0.773rem;
background: url(../images/list-ok.png)no-repeat;
background-size: 100% 100%;
top: 0.6rem;
font-size: 0.3rem;
text-align: center;
line-height: 0.75rem;
font-weight: 700;
color: #fff;
}
}
\ No newline at end of file
activeFt/goddess/images/like-btn.png
activeFt/goddess/images/like-btn.png

2.78 KB | W: | H:

activeFt/goddess/images/like-btn.png

4.5 KB | W: | H:

activeFt/goddess/images/like-btn.png
activeFt/goddess/images/like-btn.png
activeFt/goddess/images/like-btn.png
activeFt/goddess/images/like-btn.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/goddess/index.html
......@@ -65,6 +65,16 @@
<div data-type="2"></div>
</div>
<div class="mc-box">
<div style="display: none;" class="bottom-nav">
<li>
<div class="list-box1"><img src="images/m1.png" alt=""></div>
<div class="list-box2">
<a href="yazhai://_11134747_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm/user/img/11134747/479133442dd84ddd9764a2e65d0ccfd0.jpg?x-oss-process=image/resize,w_90" alt=""></a>
<a href="yazhai://_11139999_zone"><img class="list-face2" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt=""></a><p class="list-p1">꧁༺࿆༂🐸༂༻꧂。</p><p class="list-p2">積分 : 15000</p>
</div>
<div class="list-box3"><div class="list-ok">Completed</div></div><img class="line" src="images/line.png" alt="">
</li>
</div>
<div class="gift-box">
<!-- <div class="swiper mySwiper">
<div class="swiper-wrapper">
......@@ -79,7 +89,7 @@
<img class="yesterday-btn" src="images/yesterday-btn.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>
<!-- <div class="top-like-click"></div> -->
<p class="top-mc-p1">昨日最佳主播</p>
<p class="top-mc-p2">虛位以待</p>
<p class="top-mc-p3">積分:--</p>
......@@ -145,7 +155,7 @@
</div>
</div>
<div style="height: 2rem;"></div>
<div style="height: 2.5rem;"></div>
</div>
</body>
......@@ -161,6 +171,8 @@ $(function(){
$(".top-mc-p1").text("Best MC of yesterday")
$(".user-sign-box >p").text("Please click to select the sign-in card")
$(".rule-btn").attr("src","images/en/rule-btn.png")
$(".yesterday-btn").attr("src","images/en/yesterday-btn.png")
$("title").text("Goddess Chronicles")
}
if(sessionStorage.lang==2)var titleName="女神物語"
else var titleName="Goddess Chronicles"
......@@ -193,6 +205,7 @@ $(function(){
list()
topMc()
yesterday()
bottom()
$(".yesterday-btn").on("click",function(){
layer.open({
type: 1,
......@@ -207,6 +220,7 @@ $(function(){
}
})
})
function topMc(){
$.ajax({
url:$ip+'/actGoddessStory/getRoomBestSexData.html',
......@@ -306,7 +320,8 @@ $(function(){
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
if(list.fansRank[0]!=undefined)html+='<a href="yazhai://_' + list.fansRank[0].uid + '_zone"><img class="list-face2" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p class="list-p1">'+list.name+'</p>';
html+='<p class="list-p2">積分 : '+list.score+'</p>';
if(sessionStorage.lang==2)html+='<p class="list-p2">積分 : '+list.score+'</p>';
else html+='<p class="list-p2">score : '+list.score+'</p>';
html+='</div>';
html+='<div class="list-box3">';
if(list.score>=10000){
......@@ -332,6 +347,28 @@ $(function(){
url:$ip+'/actGoddessStory/getViewBottomData.html',
success:function(data){
console.log('底部导航',data)
var html='';
var list=data.result.roomData
html+='<li>';
if(list.rank==1)html+='<div class="list-box1"><img src="images/m1.png" alt=""></div>';
else html+='<div class="list-box1">'+list.rank+'</div>';
html+='<div class="list-box2">';
html+='<a href="yazhai://_'+list.roomId+'_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p class="list-p1">'+list.roomName+'</p>'
if(sessionStorage.lang==2)html+='<p class="list-p2">積分 : '+list.score+'</p>';
else html+='<p class="list-p2">score : '+list.score+'</p>';
html+='</div>';
if(list.score>=10000){
if(sessionStorage.lang==2) html+='<div class="list-box3"><div class="list-ok">今日達標</div></div>';
else html+='<div class="list-box3"><div class="list-ok">Completed</div></div>';
}
else{
if(sessionStorage.lang==2)html+='<div class="list-box3">今日進度:'+Math.floor(list.score/10000*100)+'%</div>';
else html+='<div class="list-box3">progress:'+Math.floor(list.score/10000*100)+'%</div>';
}
html+='</li>';
$(".bottom-nav").html(html).show()
}
})
}
......
activeFt/goddess/rule.html
......@@ -42,6 +42,7 @@
$(function(){
if(sessionStorage.lang!=2){
$(".back").attr("src","images/en/back.png")
$("title").text("Goddess Chronicles")
}
if(sessionStorage.lang==2)var titleName="女神物語"
else var titleName="Goddess Chronicles"
......
footseenIcon/liveData2/index.html
......@@ -67,7 +67,7 @@
</div>
</div>
<div class="act-room-bg1 act-room-bg2">
<div class="act-room-bg1 ">
<p class="act-room-p1">主播積分 : 8000</p>
<p class="act-room-p2">進度 : 18%</p>
<p class="act-room-p3">排名 : 5</p>
......@@ -91,7 +91,7 @@ $(function(){
"type":1,
// "width":314,
"width":360,
"height":73,
"height":75,
'unit':2,
"position":1
}
......@@ -103,18 +103,21 @@ $(function(){
}
function actView(){
$.ajax({
url:$ip+'/actSummerDew/getRoomPartData.html',
url:$ip+'/actGoddessStory/getRoomPartData.html',
success:function(data){
console.log('获取主播信息',data)
// if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
$(".act-room-bg1").show()
if(sessionStorage.lang==2){
if(data.result.roomData.rank==1)$(".act-room-p1").html('距離被超越 :<span>'+data.result.roomData.diffPreScore+'</span>')
else $(".act-room-p1").html('距離上一名 : <span>'+data.result.roomData.diffPreScore+'</span>')
$(".act-room-p2").html('當前排名 : <span>'+data.result.roomData.rank+'</span>')
$(".act-room-p1").text('主播積分 : '+data.result.roomData.score)
$(".act-room-p2").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("排名 : --")
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>')
$(".act-room-p1").text('score : '+data.result.roomData.score)
$(".act-room-p2").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%')
if(data.result.roomData.rank==-1)$(".act-room-p3").text("rank : --")
else $(".act-room-p3").text("rank : "+data.result.roomData.rank+"")
}
}
......
ftIcon/liveData/index.html
......@@ -31,7 +31,7 @@
</style>
</head>
<body c style="background:rgba(0,0,0,0)">
<div class="act-room-bg1 act-room-bg2">
<div class="act-room-bg1">
<!-- <div class="act-room-p1">主播積分 : </div> -->
<div class="act-room-p2">8000</div>
<div class="act-room-p3">進度 : 18%</div>
......@@ -99,7 +99,7 @@ $(function(){
url:$ip+'/actGoddessStory/getRoomPartData.html',
success:function(data){
console.log('获取主播信息',data)
if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
// if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2")
$(".act-room-bg1").show()
$(".act-room-p2").text(data.result.roomData.score)
if(sessionStorage.lang==2){
......
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