Skip to content

libai / fsActive

Go to a project
Commit d22bd3a5 by libai
Options

ft活动上线

parent e5ef2f19
Inline Side-by-side
Showing with 441 additions and 68 deletions
activeFt/summer/css/index.css
......@@ -108,6 +108,56 @@
.bg-en .lucky-tips {
left: 8.1rem;
}
.bg-en .act-room-bg1 {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .exc {
position: absolute;
width: 1.09rem;
top: 3.48rem;
left: 7.15rem;
}
.bg-en .layer-result {
background: url(../images/en/layer-record.png) no-repeat;
background-size: 100% 100%;
}
.layer-result {
display: none;
position: relative;
width: 9.97rem;
height: 7.613rem;
background: url(../images/layer-record.png) no-repeat;
background-size: 100% 100%;
}
.layer-result-ul {
width: 9.2rem;
height: 4.4rem;
left: 0.4rem;
position: absolute;
overflow: scroll;
-webkit-overflow-scrolling: touch;
top: 3rem;
}
.layer-result-ul li {
height: 1rem;
width: 9.2rem;
position: relative;
}
.layer-result-ul li div {
width: 50%;
height: 1rem;
line-height: 1rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #fff;
text-align: center;
}
body .rule-bg-en {
width: 10rem;
height: 45.093rem;
......@@ -289,6 +339,9 @@ body .rule-bg-en {
font-size: 0.37rem;
font-weight: 700;
text-shadow: 0.03rem 0.03rem 0.03rem #0E4D99, -0.03rem 0.03rem 0.03rem #0E4D99, 0.03rem -0.03rem 0.03rem #0E4D99, -0.03rem -0.03rem 0.03rem #0E4D99;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.top-mc1-p3 {
position: absolute;
......@@ -407,6 +460,9 @@ body .rule-bg-en {
font-size: 0.35rem;
text-align: center;
padding-top: 2.2rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list-top-p2 {
color: #fff;
......
activeFt/summer/css/index.less
......@@ -107,10 +107,61 @@
background: url(../images/en/lucky-gift-box.png) no-repeat;
background-size: 100% auto;
}
.lucky-tips{
left: 8.1rem;
}
.act-room-bg1{
background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.exc{
position: absolute;
width: 1.09rem;
top: 3.48rem;
left: 7.15rem;
}
.layer-result{
background: url(../images/en/layer-record.png) no-repeat;
background-size: 100% 100%;
}
}
.layer-result{
display: none;
position: relative;
width: 9.97rem;
height: 7.613rem;
background: url(../images/layer-record.png)no-repeat;
background-size: 100% 100%;
}
.layer-result-ul{
width: 9.2rem;
height: 4.4rem;
left: 0.4rem;
position: absolute;
overflow: scroll;
-webkit-overflow-scrolling: touch;
top: 3rem;
li{
height: 1rem;
width: 9.2rem;
position: relative;
div{
width: 50%;
height: 1rem;
line-height: 1rem;
float: left;
position: relative;
font-size: 0.35rem;
color: #fff;
text-align: center;
}
}
}
body .rule-bg-en{
width: 10rem;
......@@ -285,6 +336,7 @@ body .rule-bg-en{
}
.top-mc1-p2{
position: absolute;
left: 1.6rem;
top: 3.15rem;
width: 3.3rem;
......@@ -293,6 +345,9 @@ body .rule-bg-en{
font-size: 0.37rem;
font-weight: 700;
text-shadow: 0.03rem 0.03rem 0.03rem #0E4D99,-0.03rem 0.03rem 0.03rem #0E4D99,0.03rem -0.03rem 0.03rem #0E4D99,-0.03rem -0.03rem 0.03rem #0E4D99;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.top-mc1-p3{
position: absolute;
......@@ -412,6 +467,9 @@ body .rule-bg-en{
font-size: 0.35rem;
text-align: center;
padding-top: 2.2rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list-top-p2{
color: #fff;
......
activeFt/summer/index.html
......@@ -39,6 +39,15 @@
<div style="display: none;" class="layer-dew">
<img class="exc" src="images/exc.png" alt="">
</div>
<div class="layer-result">
<ul class="layer-result-ul">
<li>
<div>7.02 23:35</div>
<div>夜の馬車*30天</div>
</li>
<li></li>
</ul>
</div>
<div class="layer-gift1">
<div class="layer-gift-content">
<img src="images/gift/g2.png" alt="">
......@@ -351,6 +360,20 @@ var scoreRankTxt="嘉年華積分"
$(".layer-btn").on("click",function(){
layer.closeAll()
})
$(".lucky-tips").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.97rem", "7.613rem"],
content: $(".layer-result"),
end: function () {
$(".layui-layer-shade").hide()
}
})
record()
})
$(".list-btn1 div").on("click",function(){
var _self=$(this)
if(_self.attr("data-type2")==1)_self.parent().addClass("list-btn2")
......@@ -422,7 +445,24 @@ var scoreRankTxt="嘉年華積分"
}
})
})
record()
function record(){
$.ajax({
url:$ip+'/actSummerDew/getUserLotteryRecord.html',
success:function(data){
console.log('抽獎記錄',data)
var html=[]
for(var i=0;i<data.result.lotteryRecordList.length;i++){
var list=data.result.lotteryRecordList[i]
html+='<li>';
html+='<div>'+timeGet(list.lotteryTimeStamp)[1]+'.'+timeGet(list.lotteryTimeStamp)[2]+' '+timeGet(list.lotteryTimeStamp)[3]+':'+timeGet(list.lotteryTimeStamp)[4]+'</div>';
html+='<div>'+list.rewardName+'</div>';
html+='</li>';
}
$(".layer-result-ul").html(html)
}
})
}
function list(e,day){
$.ajax({
url:$ip+'/actSummerDew/getRankData.html',
......@@ -432,8 +472,14 @@ var scoreRankTxt="嘉年華積分"
},
success:function(data){
console.log('榜單數據',data)
if(e==1)var scoreName='嘉年華積分'
else var scoreName='男神指數'
if(sessionStorage.lang==2){
if(e==1)var scoreName='嘉年華積分'
else var scoreName='男神指數'
}else{
if(e==1)var scoreName='Carnival score'
else var scoreName='score'
}
var html='';
for(var i=0;i<3;i++){
if(data.result.rankList[i]==undefined)break;
......@@ -500,7 +546,8 @@ var scoreRankTxt="嘉年華積分"
html+='<div class="bottom-box2">';
html+='<img class="bottom-face" src="https://big.bgp.ourpow.com/comm'+data.result.roomData.roomFace+'?x-oss-process=image/resize,w_110" alt="">'+data.result.roomData.roomName+'';
html+='</div>';
html+='<div class="bottom-box3">嘉年華積分:'+data.result.roomData.score+'</div>';
if(sessionStorage.lang==2)html+='<div class="bottom-box3">嘉年華積分:'+data.result.roomData.score+'</div>';
else html+='<div class="bottom-box3">Carnival score : '+data.result.roomData.score+'</div>';
$(".bottom-nav").html(html).show()
}
})
......@@ -548,7 +595,8 @@ var scoreRankTxt="嘉年華積分"
else layer.msg("Copied, hurry up and go to the live broadcast room to comment!")
})
$(".task5").unbind("click").on("click",function(){
layer.msg("去吧")
window.location.href='yazhai://_210102_room'
})
}
})
......
activeFt/summer/oldView.html
......@@ -30,9 +30,9 @@
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0);">
<div class="act-room-bg1">
<div class="act-room-bg1 act-room-bg2">
<div class="act-title"></div>
<p class="act-room-tips1">距離上一名:</p>
<p class="act-room-tips1">距離上一名</p>
<p class="act-room-tips2">當前排名</p>
<p class="act-room-p1">--</p>
<p class="act-room-p2">--</p>
......@@ -44,7 +44,11 @@
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".act-room-tips1").text("the one ahead")
$(".act-room-tips2").text("rank")
}
$(".act-room-bg1").on("click",function(){
var obj = {
"cid": 12,
......@@ -67,9 +71,17 @@ $(function(){
url:$ip+'/actSummerDew/getRoomPartData.html',
success:function(data){
console.log('获取主播信息',data)
if(data.result.userData.signReceive!=0)$(".act-room-bg1").removeClass("act-room-bg2")
if(data.result.userData.signReceive!=0&&data.result.roomData.rank!=-1)$(".act-room-bg1").removeClass("act-room-bg2")
else $(".act-room-bg1").addClass("act-room-bg2")
$(".act-room-p1").text(data.result.roomData.score)
$(".act-room-p2").text(data.result.roomData.rank)
if(data.result.roomData.rank==1){
if(sessionStorage.lang==2) $(".act-room-tips1").text("距離被超越")
else $(".act-room-tips1").text("Leading")
}else{
if(sessionStorage.lang==2) $(".act-room-tips1").text("距離上一名")
else $(".act-room-tips1").text("the one ahead")
}
}
})
}
......
footseenIcon/action/css/index.css
.bg-en .act-room-bg1 {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg1 {
width: 10rem;
height: 6.0511rem;
......
footseenIcon/action/css/index.less
.bg-en{
.act-room-bg1{
background: url(../images/en/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg1{
width: 10rem;
height: 6.0511rem;
......
footseenIcon/action/index.html
......@@ -32,8 +32,8 @@
<body style="background: rgba(0, 0, 0, 0)">
<div class="act-room-bg1 act-room-bg2">
<div class="act-title"></div>
<p class="act-room-p1">距離上一名 :<span>55</span></p>
<p class="act-room-p2">當前排名 :<span>155</span></p>
<p class="act-room-p1"></p>
<p class="act-room-p2"></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -46,6 +46,7 @@ $(function(){
var wsTimer=null
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
}
......@@ -69,10 +70,18 @@ $(function(){
url:$ip+'/actSummerDew/getRoomPartData.html',
success:function(data){
console.log('获取主播信息',data)
if(data.result.userData.signReceive!=0)$(".act-room-bg1").removeClass("act-room-bg2")
if(data.result.roomData.rank==1)$(".act-room-p1").html('距離被超越 :<span>'+data.result.roomData.score+'<span>')
else $(".act-room-p1").html('距離上一名 :<span>'+data.result.roomData.score+'<span>')
$(".act-room-p2").html('當前排名 :'+data.result.roomData.rank)
if(data.result.userData.signReceive!=0&&data.result.roomData.rank!=-1)$(".act-room-bg1").removeClass("act-room-bg2")
else $(".act-room-bg1").addClass("act-room-bg2")
if(sessionStorage.lang==2){
if(data.result.roomData.rank==1)$(".act-room-p1").html('距離被超越 :<span>'+data.result.roomData.score+'</span>')
else $(".act-room-p1").html('距離上一名 : <span>'+data.result.roomData.score+'</span>')
$(".act-room-p2").html('當前排名 : <span>'+data.result.roomData.rank+'</span>')
}else{
if(data.result.roomData.rank==1)$(".act-room-p1").html('Leading : <span>'+data.result.roomData.score+'</span>')
else $(".act-room-p1").html('the one ahead : <span>'+data.result.roomData.score+'</span>')
$(".act-room-p2").html('rank : <span>'+data.result.roomData.rank+'</span>')
}
}
})
}
......
footseenIcon/action/lib/default.js
......@@ -43,7 +43,7 @@ if (uid.indexOf("http://localhost:63342") > -1) {
sessionStorage.roomId=23864554
}
if (uid.indexOf("file:///") > -1) {
sessionStorage.lang=2
sessionStorage.lang=1
sessionStorage.uid = 210102;
sessionStorage.token = 'debug'
sessionStorage.roomId=210102;
......
footseenIcon/liveData2/css/index.css
.box-right {
width: 66vw;
float: right;
}
.box-right-left {
width: 33vw;
}
.room-bg1 {
width: 33vw;
height: 7.605vw;
......
footseenIcon/liveData2/css/index.less
.box-right{
width: 66vw;
float: right;
}
.box-right-left{
width: 33vw;
}
.room-bg1{
width: 33vw;
height: 7.605vw;
......
footseenIcon/liveData2/index.html
......@@ -29,46 +29,51 @@
</style>
</head>
<body style="background:rgba(0,0,0,0)">
<div class="room-bg1">
<div class="room-bg-top">人氣</div>
<!-- <div class="room-targe">目標:</div> -->
<div class="room-num">3000</div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
<span></span>
<div class="box-right">
<div class="box-right-left">
<div class="room-bg1">
<div class="room-bg-top">人氣</div>
<!-- <div class="room-targe">目標:</div> -->
<div class="room-num">3000</div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
<span></span>
</div>
</div>
</div>
</div>
</div>
<div class="room-bg2">
<div class="room-bg-top">互動</div>`
<!-- <div class="room-targe">目標:</div> -->
<div class="room-num">3000</div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
<span></span>
<div class="room-bg2">
<div class="room-bg-top">互動</div>`
<!-- <div class="room-targe">目標:</div> -->
<div class="room-num">3000</div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
<span></span>
</div>
</div>
</div>
</div>
</div>
<div class="room-bg3">
<div class="room-bg-top">禮物</div>
<!-- <div class="room-targe">目標:</div> -->
<div class="room-num">3000</div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
<span></span>
<div class="room-bg3">
<div class="room-bg-top">禮物</div>
<!-- <div class="room-targe">目標:</div> -->
<div class="room-num">3000</div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
<span></span>
</div>
</div>
</div>
</div>
<div class="act-room-bg1 act-room-bg2">
<div class="act-title"></div>
<p class="act-room-p1"></p>
<p class="act-room-p2"></p>
</div>
</div>
<div style="display: none;" class="act-room-bg1">
<div class="act-title"></div>
<p class="act-room-p1">主播積分 :</p>
<p class="act-room-p2">目標積分 :</p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
......
ftIcon/liveData/css/index.css
......@@ -125,3 +125,72 @@ i {
text-indent: 6vw;
margin-top: 4vw;
}
.bg-en .act-room-bg1 {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .act-room-bg2 {
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg1 {
width: 10rem;
height: 10.48rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.act-room-bg1 .act-room-p1 {
font-size: 0.8rem;
font-weight: 700;
color: #1FFFF2;
position: absolute;
background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
left: 2rem;
top: 4rem;
height: 2rem;
line-height: 2rem;
width: 6rem;
text-align: center;
}
.act-room-bg1 .act-room-p2 {
position: absolute;
left: 2rem;
width: 6rem;
font-size: 0.8rem;
font-weight: 700;
background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
color: #1FFFF2;
top: 7.85rem;
height: 2rem;
line-height: 2rem;
text-align: center;
}
.act-room-bg2 {
position: relative;
width: 8rem;
height: 5.44rem;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2 p {
font-size: 0 !important;
}
.act-room-tips1 {
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 2.9rem;
}
.act-room-tips2 {
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 6.7rem;
}
ftIcon/liveData/css/index.less
......@@ -140,3 +140,78 @@ i{
margin-top: 4vw;
}
//活動
.bg-en{
.act-room-bg1 {
background: url(../images/en/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2{
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
}
}
.act-room-bg1{
width: 10rem;
height: 10.48rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
position: relative;
.act-room-p1{
font-size: 0.8rem;
font-weight: 700;
color: #1FFFF2;
position: absolute;
background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%;
left: 2rem;
top: 4rem;
height: 2rem;
line-height: 2rem;
width: 6rem;
text-align: center;
}
.act-room-p2{
position: absolute;
left: 2rem;
width: 6rem;
font-size: 0.8rem;
font-weight: 700;
background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%;
color: #1FFFF2;
top: 7.85rem;
height: 2rem;
line-height: 2rem;
text-align: center;
}
}
.act-room-bg2{
position: relative;
// float: right;
width: 8rem;
height: 5.44rem;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
p{
font-size: 0 !important;
}
}
.act-room-tips1{
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 2.9rem;
}
.act-room-tips2{
color: #fff;
font-size: 0.6rem;
text-align: center;
width: 10rem;
position: absolute;
top: 6.7rem;
}
\ No newline at end of file
ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png

27.9 KB | W: | H:

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

12 KB | W: | H:

ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png
ftIcon/liveData/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
ftIcon/liveData/index.html
......@@ -30,13 +30,13 @@
}
</style>
</head>
<body style="background:rgba(0,0,0,0)">
<div class="act-room-bg1">
<body c style="background:rgba(0,0,0,0)">
<div class="act-room-bg1 act-room-bg2">
<div class="act-title"></div>
<p class="act-room-p1">主播積分:</p>
<p class="act-room-tips1">距離上一名</p>
<p class="act-room-tips2">當前排名</p>
<p class="act-room-p1">--</p>
<p class="act-room-p2">--</p>
<p class="act-room-p3">目標積分:</p>
<p class="act-room-p4">--</p>
</div>
<div class="room-bg1">
<div class="room-bg-top">人氣</div>
......@@ -77,6 +77,11 @@
$(function(){
var wsTimer=null
var socketOk=null
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".act-room-tips1").text("the one ahead")
$(".act-room-tips2").text("rank")
}
//活動
$(".act-room-bg1").on("click",function(){
var obj = {
......@@ -85,26 +90,29 @@ $(function(){
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/queen/index.html" + location.search,
"url": $url + "/activeFt/summer/index.html" + location.search,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
if(sessionStorage.lang!=2){
$(".act-room-p1").text("score:")
$(".act-room-p3").text("goal:")
}
if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
function ActView(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
url:$ip+'/actSummerDew/getRoomPartData.html',
success:function(data){
console.log('获取主播闯关信息',data)
$(".act-title").text(titleArr[data.result.level])
$(".act-room-p2").text(data.result.score)
$(".act-room-p4").text(data.result.levelScore)
console.log('获取主播信息',data)
if(data.result.userData.signReceive!=0&&data.result.roomData.rank!=-1)$(".act-room-bg1").removeClass("act-room-bg2")
else $(".act-room-bg1").addClass("act-room-bg2")
$(".act-room-p1").text(data.result.roomData.score)
$(".act-room-p2").text(data.result.roomData.rank)
if(data.result.roomData.rank==1){
if(sessionStorage.lang==2) $(".act-room-tips1").text("距離被超越")
else $(".act-room-tips1").text("Leading")
}else{
if(sessionStorage.lang==2) $(".act-room-tips1").text("距離上一名")
else $(".act-room-tips1").text("the one ahead")
}
}
})
}
......
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