Skip to content

libai / fsActive

Go to a project
Commit ee1d9a8d by libai
Options

ft活动上线

parent 7d5af0c9
Inline Side-by-side
Showing with 484 additions and 142 deletions
activeFt/develop/css/index.css
...@@ -65,6 +65,7 @@ ...@@ -65,6 +65,7 @@
background: url(../images/rule-bg.png) no-repeat; background: url(../images/rule-bg.png) no-repeat;
background-size: 100% auto; background-size: 100% auto;
position: relative; position: relative;
margin: 0 auto;
} }
.rule-bg-en { .rule-bg-en {
height: 36.946rem; height: 36.946rem;
...@@ -602,3 +603,98 @@ ...@@ -602,3 +603,98 @@
font-size: 0.3rem; font-size: 0.3rem;
color: #FFFFFF; color: #FFFFFF;
} }
.question {
width: 0.5rem;
height: 0.5rem;
top: 2.1rem;
left: 3.2rem;
position: absolute;
background: url(../images/question.png) no-repeat;
background-size: 100% 100%;
z-index: 50;
}
.bottom-bg {
background: url(../images/bottom-bg.png) no-repeat;
background-size: 100% 100%;
width: 10rem;
height: 1.88rem;
position: fixed;
bottom: 0;
left: 0;
z-index: 500;
}
.bottom-bg .list-li-box1 {
width: 0.75rem;
height: 2.35rem;
float: left;
position: relative;
text-align: center;
line-height: 2.35rem;
color: #fff;
font-size: 0.35rem;
top: -0.1rem;
}
.bottom-bg .list-li-box2 {
width: 2.95rem;
height: 2.35rem;
float: left;
position: relative;
top: -0.2rem;
}
.bottom-bg .list-li-box2 .list-mc-face {
top: 0.52rem;
height: 1.3rem;
width: 1.3rem;
position: absolute;
border-radius: 1rem;
left: 0.05rem;
}
.bottom-bg .list-li-box2 .list-user-face {
top: 0.72rem;
height: 1.1rem;
width: 1.1rem;
position: absolute;
border-radius: 1rem;
left: 1.45rem;
}
.bottom-bg .list-li-box3 {
width: 3.3rem;
height: 2.35rem;
float: left;
position: relative;
top: -0.1rem;
}
.bottom-bg .list-li-box3 .list-li-p1 {
padding-top: 0.65rem;
font-size: 0.35rem;
color: #F3E4FF;
width: 3.3rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bottom-bg .list-li-box3 .list-li-p2 {
padding-top: 0.05rem;
font-size: 0.3rem;
color: #E998FF;
}
.bottom-bg .list-li-box4 {
width: 2.2rem;
height: 2.35rem;
float: left;
position: relative;
top: -0.1rem;
}
.bottom-bg .list-li-box4 .nav {
width: 1.706rem;
height: 0.613rem;
line-height: 0.6rem;
background: url(../images/nav.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 0.8rem;
left: 0.1rem;
text-align: center;
font-size: 0.3rem;
color: #fff;
}
activeFt/develop/css/index.less
...@@ -68,6 +68,7 @@ ...@@ -68,6 +68,7 @@
background: url(../images/rule-bg.png)no-repeat; background: url(../images/rule-bg.png)no-repeat;
background-size: 100% auto; background-size: 100% auto;
position: relative; position: relative;
margin: 0 auto;
} }
.rule-bg-en{ .rule-bg-en{
height: 36.946rem; height: 36.946rem;
...@@ -609,4 +610,99 @@ ...@@ -609,4 +610,99 @@
color: #FFFFFF; color: #FFFFFF;
} }
} }
}
.question{
width: 0.5rem;
height: 0.5rem;
top: 2.1rem;
left: 3.2rem;
position: absolute;
background: url(../images/question.png) no-repeat;
background-size: 100% 100%;
z-index: 50;
}
.bottom-bg{
background: url(../images/bottom-bg.png)no-repeat;
background-size: 100% 100%;
width: 10rem;
height: 1.88rem;
position: fixed;
bottom: 0;
left: 0;
z-index: 500;
.list-li-box1{
width: 0.75rem;
height: 2.35rem;
float: left;
position: relative;
text-align: center;
line-height: 2.35rem;
color: #fff;
font-size: 0.35rem;
top: -0.1rem;
}
.list-li-box2{
width: 2.95rem;
height: 2.35rem;
float: left;
position: relative;
top: -0.2rem;
.list-mc-face{
top: 0.52rem;
height: 1.3rem;
width: 1.3rem;
position: absolute;
border-radius: 1rem;
left: 0.05rem;
}
.list-user-face{
top: 0.72rem;
height: 1.1rem;
width: 1.1rem;
position: absolute;
border-radius: 1rem;
left: 1.45rem;
}
}
.list-li-box3{
width: 3.3rem;
height: 2.35rem;
float: left;
position: relative;
top: -0.1rem;
.list-li-p1{
padding-top: 0.65rem;
font-size: 0.35rem;
color: #F3E4FF;
width: 3.3rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list-li-p2{
padding-top: 0.05rem;
font-size: 0.3rem;
color: #E998FF;
}
}
.list-li-box4{
width: 2.2rem;
height: 2.35rem;
float: left;
position: relative;
top: -0.1rem;
.nav{
width: 1.706rem;
height: 0.613rem;
line-height: 0.6rem;
background: url(../images/nav.png)no-repeat;
background-size: 100% 100%;
position: absolute;
top: 0.8rem;
left: 0.1rem;
text-align: center;
font-size: 0.3rem;
color: #fff;
}
}
} }
\ No newline at end of file
activeFt/develop/index.html
...@@ -135,6 +135,7 @@ ...@@ -135,6 +135,7 @@
<div style="display: none;" class="exc-content"> <div style="display: none;" class="exc-content">
<div class="exc-time">7月1日00:00截止兑换</div> <div class="exc-time">7月1日00:00截止兑换</div>
<div class="my-exc-box"> <div class="my-exc-box">
<img class="question" src="images/question.png" alt="">
<p><i class="en-t3">我的應援卡: </i><span class="my-card-num"></span></p> <p><i class="en-t3">我的應援卡: </i><span class="my-card-num"></span></p>
<div class="record-btn"></div> <div class="record-btn"></div>
</div> </div>
...@@ -148,6 +149,14 @@ ...@@ -148,6 +149,14 @@
</div> </div>
</div> </div>
<div style="height: 2rem;"></div> <div style="height: 2rem;"></div>
<div style="display: none;" class="bottom-bg">
<li>
<div class="list-li-box1">1</div>
<div class="list-li-box2"><a href="yazhai://_11142228_zone"><img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/stscli/prod/11142228/1680862591289/28A70D36-6D8F-4D45-92FE-0D3784EB6DB3.jpeg?x-oss-process=image/resize,w_80" alt=""></a><a href="yazhai://_155100_zone"><img class="list-user-face" src="https://big.bgp.ourpow.com/comm/stscli/prod/15510016989161233734e851c79dc8146ce8539f3ecc363271c.jpg?x-oss-process=image/resize,w_80" alt=""></a></div>
<div class="list-li-box3"><p class="list-li-p1">馬嘉琪</p><p class="list-li-p2">積分: 5</p></div>
<div class="list-li-box4"><div class="nav">進度:0%</div></div><img class="list-line" src="images/line.png">
</li>
</div>
</div> </div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
...@@ -156,7 +165,17 @@ ...@@ -156,7 +165,17 @@
<script src="lib/clipboard.js"></script> <script src="lib/clipboard.js"></script>
<script> <script>
$(function(){ $(function(){
console.log(sessionStorage.lang) if(sessionStorage.lang==2)var titleName="美眉養成記"
else var titleName="Beaut Cultivation Journey"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 1, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") $("body").addClass("bg-en")
$(".rule-btn").attr("src","images/en/rule-btn.png") $(".rule-btn").attr("src","images/en/rule-btn.png")
...@@ -172,6 +191,10 @@ $(function(){ ...@@ -172,6 +191,10 @@ $(function(){
$(".rule-btn").on("click",function(){ $(".rule-btn").on("click",function(){
window.location.href="rule.html"+location.search window.location.href="rule.html"+location.search
}) })
$(".question").on("click",function(){
if(sessionStorage.lang==2)layer.msg("贈送主播可獲得300活動積分")
else layer.msg("Gifting a streamer can earn you 300 event points")
})
$(".top-btn1 div").on("click",function(){ $(".top-btn1 div").on("click",function(){
var _self=$(this) var _self=$(this)
if(_self.attr("data-type")==1){ if(_self.attr("data-type")==1){
...@@ -239,6 +262,24 @@ $(function(){ ...@@ -239,6 +262,24 @@ $(function(){
var numTitle=['','First level','Second level','Third level'] var numTitle=['','First level','Second level','Third level']
var numTitle2=['','12:00 PM, June 16th - 12:00 AM, June 20th','12:00 AM, June 21th - 12:00 AM, June 26th','12:00 AM, June 26th - 12:00 AM, July 1th'] var numTitle2=['','12:00 PM, June 16th - 12:00 AM, June 20th','12:00 AM, June 21th - 12:00 AM, June 26th','12:00 AM, June 26th - 12:00 AM, July 1th']
} }
bottomView()
function bottomView(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getViewBottomData.html',
success:function(data){
console.log('获取底部',data)
var html=[]
html+='<li>';
html+='<div class="list-li-box1">1</div>';
html+='<div class="list-li-box2"><a href="yazhai://_11142228_zone"><img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/stscli/prod/11142228/1680862591289/28A70D36-6D8F-4D45-92FE-0D3784EB6DB3.jpeg?x-oss-process=image/resize,w_80" alt=""></a>';
html+='<a href="yazhai://_155100_zone"><img class="list-user-face" src="https://big.bgp.ourpow.com/comm/stscli/prod/15510016989161233734e851c79dc8146ce8539f3ecc363271c.jpg?x-oss-process=image/resize,w_80" alt=""></a></div>';
html+='<div class="list-li-box3"><p class="list-li-p1">馬嘉琪</p><p class="list-li-p2">積分: 5</p></div>';
html+='<div class="list-li-box4"><div class="nav">進度:0%</div></div><img class="list-line" src="images/line.png">';
html+='</li>';
$(".bottom-bg").html(html)
}
})
}
function list(){ function list(){
$.ajax({ $.ajax({
url:$ip+'/actRaisingBeautifulGril/getRankData.html', url:$ip+'/actRaisingBeautifulGril/getRankData.html',
...@@ -266,7 +307,7 @@ $(function(){ ...@@ -266,7 +307,7 @@ $(function(){
else html+='<p class="list-li-p2">score: '+list.score+'</p>'; else html+='<p class="list-li-p2">score: '+list.score+'</p>';
html+='</div>'; html+='</div>';
html+='<div class="list-li-box4">'; html+='<div class="list-li-box4">';
var barWidth=Math.floor(list.score/10000*100) var barWidth=Math.floor(list.score/data.result.targetData.stageScore*100)
if(sessionStorage.lang==2)html+='<div class="nav">進度:'+barWidth+'%</div>'; if(sessionStorage.lang==2)html+='<div class="nav">進度:'+barWidth+'%</div>';
else html+='<div class="nav">PROG:'+barWidth+'%</div>'; else html+='<div class="nav">PROG:'+barWidth+'%</div>';
html+='</div>'; html+='</div>';
...@@ -292,7 +333,8 @@ $(function(){ ...@@ -292,7 +333,8 @@ $(function(){
} }
layer.closeAll() layer.closeAll()
task() task()
layer.msg("兌換成功") if(sessionStorage.lang==2)layer.msg("兌換成功")
else layer.msg("success")
} }
}) })
} }
...@@ -431,7 +473,8 @@ $(function(){ ...@@ -431,7 +473,8 @@ $(function(){
layer.msg(data.msg) layer.msg(data.msg)
return; return;
} }
layer.msg("領取成功") if(sessionStorage.lang==2)layer.msg("領取成功")
else layer.msg("success")
task() task()
} }
}) })
......
activeFt/develop/lib/default.js
...@@ -68,7 +68,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1 ...@@ -68,7 +68,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
sessionStorage.roomId=23864554 sessionStorage.roomId=23864554
} }
if (bbb.indexOf("file:///E:") > -1) { if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=2 sessionStorage.lang=1
sessionStorage.uid =155100; sessionStorage.uid =155100;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=11134747; sessionStorage.roomId=11134747;
......
activeFt/develop/oldView.html
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="room-title">新秀出道</div> <div class="room-title">新秀出道</div>
<p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p> <p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p>
<p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p> <p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p>
<p class="room-bg-p3"><i class="en-t2">排行</i>：<span>8</span></p> <p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></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>
...@@ -52,6 +52,12 @@ $(function(){ ...@@ -52,6 +52,12 @@ $(function(){
}) })
}, 3000); }, 3000);
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈'] var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
if(sessionStorage.lang!=2){
var titleArr=['','First level','Second level','Third level']
$(".en-t1").html('score')
$(".en-t2").html("PROG")
$(".en-t3").html("rank")
}
getData() getData()
$(".room-bg1").on("click",function(){ $(".room-bg1").on("click",function(){
var obj = { var obj = {
......
activeFt/develop/rule.html
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<title>辣個女生-活動規則</title> <title>美眉養成記-活動規則</title>
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
...@@ -45,8 +45,8 @@ $(function(){ ...@@ -45,8 +45,8 @@ $(function(){
$(".back").attr("src","images/en/back.png") $(".back").attr("src","images/en/back.png")
$(".callKF").html('For any questions, please click <span>7*24 hour online service</span>') $(".callKF").html('For any questions, please click <span>7*24 hour online service</span>')
} }
if(sessionStorage.lang==2)var titleName="辣個女生" if(sessionStorage.lang==2)var titleName="美眉養成記"
else var titleName="hot&sexy girl" else var titleName="Beaut Cultivation Journey"
var obj = { var obj = {
"cid": 34, //修改网页title 居中显示。 "cid": 34, //修改网页title 居中显示。
"data": { "data": {
......
footseenIcon/action/index.html
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="room-title">新秀出道</div> <div class="room-title">新秀出道</div>
<p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p> <p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p>
<p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p> <p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p>
<p class="room-bg-p3"><i class="en-t2">排行</i>：<span>8</span></p> <p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></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,10 +44,14 @@ ...@@ -44,10 +44,14 @@
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script> <script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script> <script>
$(function(){ $(function(){
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
var titleArr=['','First level','Second level','Third level']
$(".en-t1").html('score')
$(".en-t2").html("PROG")
$(".en-t3").html("rank")
} }
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
getData() getData()
setTimeout(function(){ setTimeout(function(){
$.ajax({ $.ajax({
......
footseenIcon/liveData2/css/base.css
...@@ -61,3 +61,6 @@ input[type=number]::-webkit-outer-spin-button { ...@@ -61,3 +61,6 @@ input[type=number]::-webkit-outer-spin-button {
display:none; display:none;
} }
/*版芯*/ /*版芯*/
i{
font-style: normal;
}
\ No newline at end of file
footseenIcon/liveData2/css/index.css
...@@ -132,26 +132,50 @@ ...@@ -132,26 +132,50 @@
margin-left: -2.2vw; margin-left: -2.2vw;
top: -0.95vw; top: -0.95vw;
} }
.r1 { .act-room-bg1 {
width: 33vw; position: relative;
height: 15.388vw; width: 33.33vw;
background: url(../images/r1.png) no-repeat; height: 19.96vw;
background: url(../images/act-room-bg1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
overflow: hidden;
float: left; float: left;
} }
.r1 .room-bg-p1 { .act-room-bg1 .room-title {
font-size: 2.5vw; font-size: 2.66vw;
height: 6.66vw;
line-height: 6.327vw;
color: #fff; color: #fff;
font-weight: 700; text-align: center;
text-shadow: 0.2vw 0.2vw 0.2vw #244FDB, 0.2vw 0 0.2vw #244FDB, 0 0.2vw 0.2vw #244FDB;
text-indent: 3vw;
margin-top: 5vw;
} }
.r1 .room-bg-p2 { .act-room-bg1 .room-bg-p1 {
font-size: 2.5vw;
color: #fff; color: #fff;
font-weight: 700; font-size: 2.66vw;
text-shadow: 0.2vw 0.2vw 0.2vw #244FDB, 0.2vw 0 0.2vw #244FDB, 0 0.2vw 0.2vw #244FDB; text-indent: 2.997vw;
text-indent: 3vw; padding-top: 0.66vw;
margin-top: 0.5vw; }
.act-room-bg1 .room-bg-p1 span {
color: #F83AFF;
}
.act-room-bg1 .room-bg-p2 {
position: absolute;
top: 12.987vw;
color: #fff;
font-size: 2.66vw;
text-indent: 2.997vw;
}
.act-room-bg1 .room-bg-p2 span {
color: #F83AFF;
}
.act-room-bg1 .room-bg-p3 {
color: #fff;
font-size: 2.66vw;
text-indent: 2.997vw;
/* padding-top: 0.4rem; */
position: absolute;
top: 12.987vw;
left: 14.985vw;
}
.act-room-bg1 .room-bg-p3 span {
color: #F83AFF;
} }
footseenIcon/liveData2/css/index.less
...@@ -148,26 +148,52 @@ ...@@ -148,26 +148,52 @@
top: -0.95vw; top: -0.95vw;
} }
} }
.r1{
width: 33vw; //活动
height: 15.388vw; .act-room-bg1{
background: url(../images/r1.png)no-repeat; position: relative;
width: 33.33vw;
height: 19.96vw;
background: url(../images/act-room-bg1.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
overflow: hidden;
float: left; float: left;
.room-title{
font-size: 2.66vw;
height: 6.66vw;
line-height: 6.327vw;
color: #fff;
text-align: center;
}
.room-bg-p1{ .room-bg-p1{
font-size: 2.5vw;
color: #fff; color: #fff;
font-weight: 700; font-size: 2.66vw;
text-shadow: 0.2vw 0.2vw 0.2vw #244FDB,0.2vw 0 0.2vw #244FDB,0 0.2vw 0.2vw #244FDB; text-indent: 2.997vw;
text-indent: 3vw; padding-top: 0.66vw;
margin-top: 5vw; span{
color: #F83AFF;
}
} }
.room-bg-p2{ .room-bg-p2{
font-size: 2.5vw; position: absolute;
top: 12.987vw;
color: #fff;
font-size: 2.66vw;
text-indent: 2.997vw;
span{
color: #F83AFF;
}
}
.room-bg-p3{
color: #fff; color: #fff;
font-weight: 700; font-size: 2.66vw;
text-shadow: 0.2vw 0.2vw 0.2vw #244FDB,0.2vw 0 0.2vw #244FDB,0 0.2vw 0.2vw #244FDB; text-indent: 2.997vw;
text-indent: 3vw; /* padding-top: 0.4rem; */
margin-top: 0.5vw; position: absolute;
top: 12.987vw;
left: 14.985vw;
span{
color: #F83AFF;
}
} }
} }
\ No newline at end of file
footseenIcon/liveData2/index.html
...@@ -29,9 +29,11 @@ ...@@ -29,9 +29,11 @@
</style> </style>
</head> </head>
<body style="background:rgba(0,0,0,0)"> <body style="background:rgba(0,0,0,0)">
<div style="display: none;" class="r1"> <div style="display: none;" class="act-room-bg1 ">
<p class="room-bg-p1"><i class="en-t1">火辣指數</i>：<span>8000</span></p> <div class="room-title">新秀出道</div>
<p class="room-bg-p2"><i class="en-t2">當前排名</i>：<span>8</span></p> <p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p>
<p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p>
<p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></p>
</div> </div>
<div class="room-bg1"> <div class="room-bg1">
<div class="room-bg-top">人氣</div> <div class="room-bg-top">人氣</div>
...@@ -76,27 +78,14 @@ ...@@ -76,27 +78,14 @@
$(function(){ $(function(){
var socketOk=null var socketOk=null
//活動 //活動
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$("body").addClass("bg-en") var titleArr=['','First level','Second level','Third level']
$(".en-t1").text("hot pop") $(".en-t1").html('score')
$(".en-t2").text("rank") $(".en-t2").html("PROG")
$(".en-t3").html("rank")
} }
$(".r1").on("click",function(){
var obj = {
"cid": 31,
"reqCode": new Date().getTime(),
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'activeFt/hotGirl/index.html',
"heightR":180,
"clickBlank":1,
"bottom":'0',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
getData() getData()
function getData() { function getData() {
...@@ -114,12 +103,20 @@ $(function(){ ...@@ -114,12 +103,20 @@ $(function(){
console.log("连接成功"); console.log("连接成功");
}); });
socket.on('ThatGirl', function (msg) { socket.on('RaisingBeautifulGril', function (msg) {
var data=JSON.parse(msg) var data=JSON.parse(msg)
$(".r1").show() if(data.rank>0){
$(".room-bg-p1 span").text(data.score) console.log(data)
$(".room-bg-p2 span").text(data.rank) $(".act-room-bg1").show()
}); $(".room-title").text(titleArr[data.extra.stage])
$(".room-bg-p1 span").text(data.score)
var barWidth=Math.floor(data.score/data.extra.stageScore*100)
$(".room-bg-p2 span").text(barWidth+'%')
$(".room-bg-p3 span").text(data.rank)
}else{
$(".act-room-bg1").hide()
}
});
socket.on('disconnect', function () { socket.on('disconnect', function () {
clearInterval(socketOk) clearInterval(socketOk)
...@@ -142,13 +139,29 @@ $(function(){ ...@@ -142,13 +139,29 @@ $(function(){
"type":1, "type":1,
// "width":314, // "width":314,
"width":360, "width":360,
"height":48, "height":72,
'unit':2, 'unit':2,
"position":1 "position":1
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
$(".room-bg1").on("click",function(){
var obj = {
"cid": 31,
"reqCode": new Date().getTime(),
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'/activeFt/develop/index.html',
"heightR":160,
"clickBlank":1,
"bottom":'0',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
if(sessionStorage.uid==sessionStorage.roomId){ if(sessionStorage.uid==sessionStorage.roomId){
$(".room-bg1,.room-bg3").show() $(".room-bg1,.room-bg3").show()
view() view()
...@@ -156,14 +169,14 @@ $(function(){ ...@@ -156,14 +169,14 @@ $(function(){
view() view()
}, 10000) }, 10000)
if(sessionStorage.lang == 1) { if(sessionStorage.lang == 1) {
$(".room-bg-top").css("font-size", "2.2vw").css("top", "4.1vw").css("left", "2.6vw") $(".room-bg-top").css("font-size", "1.6vw").css("top", "2.8vw").css("left", "1.5vw")
$(".room-bg1 .room-bg-top").text('Pop Index') $(".room-bg1 .room-bg-top").text('Pop Index')
$(".room-bg2 .room-bg-top").text('Interactive') $(".room-bg2 .room-bg-top").text('Interactive')
$(".room-bg3 .room-bg-top").text('income') $(".room-bg3 .room-bg-top").text('income')
// $(".room-targe").css("top","41vw").css("right","9vw") // $(".room-targe").css("top","41vw").css("right","9vw")
} }
if (sessionStorage.lang == 8) { if (sessionStorage.lang == 8) {
$(".room-bg-top").css("font-size", "2.2vw").css("top", "4.1vw").css("left", "2.8vw") $(".room-bg-top").css("font-size", "1.6vw").css("top", "2.8vw").css("left", "1.5vw")
// $(".room-bg-top").css("font-size","10.5vw").css("top","12.5vw") // $(".room-bg-top").css("font-size","10.5vw").css("top","12.5vw")
$(".room-bg1 .room-bg-top").html('nhạc pop') $(".room-bg1 .room-bg-top").html('nhạc pop')
$(".room-bg2 .room-bg-top").html('tương tác') $(".room-bg2 .room-bg-top").html('tương tác')
......
footseenIcon/liveData2/lib/default.js
...@@ -44,10 +44,10 @@ if (bbb.indexOf("http://localhost:63342") > -1) { ...@@ -44,10 +44,10 @@ if (bbb.indexOf("http://localhost:63342") > -1) {
sessionStorage.roomId=23864554 sessionStorage.roomId=23864554
} }
if (bbb.indexOf("file:///") > -1) { if (bbb.indexOf("file:///") > -1) {
sessionStorage.lang=2 sessionStorage.lang=1
sessionStorage.uid = 210102; sessionStorage.uid = 11134747;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=210102; sessionStorage.roomId=11134747;
sessionStorage.version=8890 sessionStorage.version=8890
sessionStorage.cid='web' sessionStorage.cid='web'
sessionStorage.pkg='h5' sessionStorage.pkg='h5'
......
ftIcon/liveData/css/index.css
...@@ -125,32 +125,44 @@ i { ...@@ -125,32 +125,44 @@ i {
text-indent: 6vw; text-indent: 6vw;
margin-top: 4vw; margin-top: 4vw;
} }
.r1 { .act-room-bg1 {
width: 100vw; width: 10rem;
height: 63.48vw; height: 8.885rem;
background: url(../images/r1.png) no-repeat; background: url(../images/act-room-bg1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 5vw;
overflow: hidden;
position: relative; position: relative;
} }
.r1-en { .act-room-bg1 .room-title {
background: url(../images/r1-en.png) no-repeat; font-size: 0.8rem;
background-size: 100% 100%; height: 2rem;
line-height: 1.9rem;
color: #fff;
text-align: center;
} }
.room-bg-p1 { .act-room-bg1 .room-bg-p1 {
margin-top: 19vw; color: #fff;
font-size: 9vw; font-size: 0.85rem;
text-indent: 8vw; text-indent: 0.9rem;
font-weight: 700; padding-top: 0.4rem;
}
.act-room-bg1 .room-bg-p1 span {
color: #F83AFF;
}
.act-room-bg1 .room-bg-p2 {
color: #fff; color: #fff;
text-shadow: 0.2vw 0.2vw 0.3vw #244FDB, -0.2vw 0.2vw 0.3vw #244FDB, 0.2vw -0.2vw 0.3vw #244FDB, -0.15vw -0.2vw 0.3vw #244FDB; font-size: 0.85rem;
text-indent: 0.9rem;
padding-top: 0.4rem;
}
.act-room-bg1 .room-bg-p2 span {
color: #F83AFF;
} }
.room-bg-p2 { .act-room-bg1 .room-bg-p3 {
font-size: 9vw;
color: #fff; color: #fff;
font-weight: 700; font-size: 0.85rem;
text-indent: 8vw; text-indent: 0.9rem;
margin-top: 5vw; padding-top: 0.4rem;
text-shadow: 0.2vw 0.2vw 0.3vw #244FDB, -0.2vw 0.2vw 0.3vw #244FDB, 0.2vw -0.2vw 0.3vw #244FDB, -0.15vw -0.2vw 0.3vw #244FDB; }
.act-room-bg1 .room-bg-p3 span {
color: #F83AFF;
} }
ftIcon/liveData/css/index.less
...@@ -140,34 +140,44 @@ i{ ...@@ -140,34 +140,44 @@ i{
margin-top: 4vw; margin-top: 4vw;
} }
//活動 //活動
.r1{ .act-room-bg1{
width: 100vw; width: 10rem;
height: 63.48vw; height: 8.885rem;
background:url(../images/r1.png)no-repeat; background: url(../images/act-room-bg1.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 5vw;
overflow: hidden;
position: relative; position: relative;
} .room-title{
.r1-en{ font-size: 0.8rem;
background:url(../images/r1-en.png)no-repeat; height: 2rem;
background-size: 100% 100%; line-height: 1.9rem;
} color: #fff;
.room-bg-p1{ text-align: center;
margin-top: 19vw; }
font-size: 9vw; .room-bg-p1{
text-indent: 8vw; color: #fff;
font-weight: 700; font-size: 0.85rem;
color: #fff; text-indent: 0.9rem;
text-shadow: 0.2vw 0.2vw 0.3vw #244FDB, -0.2vw 0.2vw 0.3vw #244FDB, 0.2vw -0.2vw 0.3vw #244FDB, -0.15vw -0.2vw 0.3vw #244FDB; padding-top: 0.4rem;
span{
} color: #F83AFF;
.room-bg-p2{ }
font-size: 9vw; }
color: #fff; .room-bg-p2{
font-weight: 700; color: #fff;
text-indent: 8vw; font-size: 0.85rem;
margin-top: 5vw; text-indent: 0.9rem;
text-shadow: 0.2vw 0.2vw 0.3vw #244FDB, -0.2vw 0.2vw 0.3vw #244FDB, 0.2vw -0.2vw 0.3vw #244FDB, -0.15vw -0.2vw 0.3vw #244FDB; padding-top: 0.4rem;
span{
color: #F83AFF;
}
}
.room-bg-p3{
color: #fff;
font-size: 0.85rem;
text-indent: 0.9rem;
padding-top: 0.4rem;
span{
color: #F83AFF;
}
}
} }
\ No newline at end of file
ftIcon/liveData/index.html
...@@ -31,10 +31,12 @@ ...@@ -31,10 +31,12 @@
</style> </style>
</head> </head>
<body style="background:rgba(0,0,0,0)"> <body style="background:rgba(0,0,0,0)">
<div style="display: none;" class="r1"> <div style="display: none;" class="act-room-bg1 ">
<p class="room-bg-p1"><i class="en-t1">火辣指數</i>：<span>8000</span></p> <div class="room-title">新秀出道</div>
<p class="room-bg-p2"><i class="en-t2">當前排名</i>：<span>8</span></p> <p class="room-bg-p1"><i class="en-t1">主播積分</i>：<span>8000</span></p>
</div> <p class="room-bg-p2"><i class="en-t2">進度</i>：<span>50%</span></p>
<p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></p>
</div>
<div class="room-bg1"> <div class="room-bg1">
<div class="room-bg-top">人氣</div> <div class="room-bg-top">人氣</div>
<div class="room-targe">目標:</div> <div class="room-targe">目標:</div>
...@@ -74,10 +76,12 @@ ...@@ -74,10 +76,12 @@
$(function(){ $(function(){
var socketOk=null var socketOk=null
//活動 //活動
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$(".en-t1").text("hot pop") var titleArr=['','First level','Second level','Third level']
$(".en-t2").text("rank") $(".en-t1").html('score')
$(".r1").addClass("r1-en") $(".en-t2").html("PROG")
$(".en-t3").html("rank")
} }
getData() getData()
$(".r1").on("click",function(){ $(".r1").on("click",function(){
...@@ -87,7 +91,7 @@ $(function(){ ...@@ -87,7 +91,7 @@ $(function(){
"data": { "data": {
"msg": '跳转集合功能', "msg": '跳转集合功能',
"jumptype": 3, "jumptype": 3,
"url": $url + "/activeFt/hotGirl/index.html" + location.search, "url": $url + "/activeFt/develop/index.html" + location.search,
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
...@@ -108,17 +112,20 @@ $(function(){ ...@@ -108,17 +112,20 @@ $(function(){
console.log("连接成功"); console.log("连接成功");
}); });
socket.on('ThatGirl', function (msg) { socket.on('RaisingBeautifulGril', function (msg) {
var data=JSON.parse(msg) var data=JSON.parse(msg)
if(data.rank>0){ if(data.rank>0){
$(".r1").show() console.log(data)
$(".act-room-bg1").show()
$(".room-title").text(titleArr[data.extra.stage])
$(".room-bg-p1 span").text(data.score) $(".room-bg-p1 span").text(data.score)
$(".room-bg-p2 span").text(data.rank) var barWidth=Math.floor(data.score/data.extra.stageScore*100)
$(".room-bg-p2 span").text(barWidth+'%')
$(".room-bg-p3 span").text(data.rank)
}else{ }else{
$(".r1").hide() $(".act-room-bg1").hide()
} }
});
});
socket.on('disconnect', function () { socket.on('disconnect', function () {
clearInterval(socketOk) clearInterval(socketOk)
......
ftIcon/liveData/lib/default.js
...@@ -58,9 +58,9 @@ if (bbb.indexOf("http://localhost:63342") > -1) { ...@@ -58,9 +58,9 @@ if (bbb.indexOf("http://localhost:63342") > -1) {
} }
if (bbb.indexOf("file:///") > -1) { if (bbb.indexOf("file:///") > -1) {
sessionStorage.lang=2 sessionStorage.lang=2
sessionStorage.uid = 174003; sessionStorage.uid = 11134747;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=174003; sessionStorage.roomId=11134747;
sessionStorage.version=8890 sessionStorage.version=8890
sessionStorage.cid='web' sessionStorage.cid='web'
sessionStorage.pkg='h5' sessionStorage.pkg='h5'
......
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