Skip to content

libai / fsActive

Go to a project
Commit 697a513e by libai
Options

ft活动上线

parent d22bd3a5
Inline Side-by-side
Showing with 120 additions and 85 deletions
footseenIcon/action/index.html
......@@ -47,7 +47,6 @@ $(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
}
var obj = {
......@@ -57,7 +56,7 @@ $(function(){
"type":1,
// "width":314,
"width":120,
"height":67,
"height":73,
'unit':2,
"position":1
}
......
footseenIcon/liveData2/css/index.css
.box-right {
width: 66vw;
float: right;
position: relative;
}
.box-right-left {
width: 33vw;
......@@ -139,37 +140,53 @@
margin-left: -2.2vw;
top: -0.95vw;
}
.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 {
transform: scale(0.33);
position: absolute;
right: -3.33rem;
top: -1.85rem;
width: 10rem;
height: 5.537rem;
height: 6.0511rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: -33vw;
top: -20vw;
transform: scale(0.33);
}
.act-room-bg2 {
position: absolute;
width: 8rem;
height: 5.44rem;
right: -25vw;
top: -19vw;
background: url(../images/act-room-bg2.png) no-repeat;
background-size: 100% 100%;
}
.act-room-bg2 p {
font-size: 0 !important;
}
.act-room-p1 {
font-size: 0.75rem;
color: #f0edfa;
padding-top: 1.9rem;
text-indent: 1rem;
font-size: 0.65rem;
position: absolute;
color: #fff;
top: 3rem;
left: 1rem;
}
.act-room-p1 span {
color: #1FFFF2;
}
.act-room-p2 {
font-size: 0.75rem;
color: #f0edfa;
padding-top: 0.2rem;
text-indent: 1rem;
}
.act-title {
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-align: center;
font-weight: 700;
height: 1.5rem;
font-size: 0.65rem;
position: absolute;
left: 2.45rem;
text-shadow: 0.05rem 0.05rem 0.05rem #170060, -0.05rem 0.05rem 0.05rem #170060, 0.05rem -0.05rem 0.05rem #170060, -0.05rem -0.05rem 0.05rem #170060;
color: #fff;
top: 4.2rem;
left: 1rem;
}
.act-room-p2 span {
color: #1FFFF2;
}
footseenIcon/liveData2/css/index.less
.box-right{
width: 66vw;
float: right;
position: relative;
}
.box-right-left{
width: 33vw;
......@@ -157,40 +158,57 @@
}
//活动
.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{
transform: scale(0.33);
position: absolute;
right: -3.33rem;
top: -1.85rem;
width: 10rem;
height: 5.537rem;
height: 6.0511rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
position: absolute;
right: -33vw;
top: -20vw;
transform: scale(0.33);
}
.act-room-bg2{
position: absolute;
width: 8rem;
height: 5.44rem;
right: -25vw;
top: -19vw;
background: url(../images/act-room-bg2.png)no-repeat;
background-size: 100% 100%;
p{
font-size: 0 !important;
}
}
.act-room-p1{
font-size: 0.75rem;
color: #f0edfa;
padding-top: 1.9rem;
text-indent: 1rem;
font-size: 0.65rem;
position: absolute;
color: #fff;
top: 3rem;
left: 1rem;
span{
color: #1FFFF2;
}
}
.act-room-p2{
font-size: 0.75rem;
color: #f0edfa;
padding-top: 0.2rem;
text-indent: 1rem;
}
.act-title{
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-align: center;
font-weight: 700;
// background: pink;
height: 1.5rem;
font-size: 0.65rem;
position: absolute;
left: 2.45rem;
text-shadow: 0.05rem 0.05rem 0.05rem #170060,-0.05rem 0.05rem 0.05rem #170060,0.05rem -0.05rem 0.05rem #170060,-0.05rem -0.05rem 0.05rem #170060;
color: #fff;
top: 4.2rem;
left: 1rem;
span{
color: #1FFFF2;
}
}
}
\ No newline at end of file
footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png

22.5 KB | W: | H:

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

11.4 KB | W: | H:

footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png
footseenIcon/liveData2/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
footseenIcon/liveData2/index.html
......@@ -67,7 +67,7 @@
</div>
</div>
<div class="act-room-bg1 act-room-bg2">
<div class="act-room-bg1">
<div class="act-title"></div>
<p class="act-room-p1"></p>
<p class="act-room-p2"></p>
......@@ -83,24 +83,40 @@
$(function(){
var wsTimer=null
var socketOk=null
//活動
if(sessionStorage.lang==2)var titleArr=['','夜の新秀','夜の佳人','夜の花魁','夜の傳說','極樂夜王','夜の女皇']
else var titleArr=['','Rookie','Fair lady','Flower','Legend','King','Queen']
//活動
var obj = {
"cid": 43,
"reqCode": new Date().getTime(),
"data": {
"type":1,
// "width":314,
"width":360,
"height":73,
'unit':2,
"position":1
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2); //活動
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
}
function actView(){
$.ajax({
url:$ip+'/actQueenOfTheNight/getRoomPartData.html',
url:$ip+'/actSummerDew/getRoomPartData.html',
success:function(data){
console.log('获取主播闯关信息',data)
if(data.stage!=-1)$(".act-room-bg1").show()
$(".act-title").text(titleArr[data.result.level])
console.log('获取主播信息',data)
if(sessionStorage.lang==2){
$(".act-room-p1").text('主播積分 : '+data.result.score)
$(".act-room-p2").text('目標積分 : '+data.result.levelScore)
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{
$(".act-room-p1").text('score : '+data.result.score)
$(".act-room-p2").text('goal : '+data.result.levelScore)
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>')
}
}
})
}
......@@ -153,21 +169,7 @@ $(function(){
});
}
//活動
var obj = {
"cid": 43,
"reqCode": new Date().getTime(),
"data": {
"type":1,
// "width":314,
"width":360,
"height":66,
'unit':2,
"position":1
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
$(".act-room-bg1").on("click",function(){
var obj = {
"cid": 31,
......@@ -175,7 +177,7 @@ $(function(){
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'/activeFt/queen/index.html',
"url":''+$url+'/activeFt/summer/index.html',
"heightR":160,
"clickBlank":1,
"bottom":'0',
......
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-title"></div>
<p class="act-room-tips1">距離上一名</p>
<p class="act-room-tips2">當前排名</p>
......@@ -102,8 +102,6 @@ $(function(){
url:$ip+'/actSummerDew/getRoomPartData.html',
success:function(data){
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){
......
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