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 @@
background: url(../images/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
}
.rule-bg-en {
height: 36.946rem;
......@@ -602,3 +603,98 @@
font-size: 0.3rem;
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 @@
background: url(../images/rule-bg.png)no-repeat;
background-size: 100% auto;
position: relative;
margin: 0 auto;
}
.rule-bg-en{
height: 36.946rem;
......@@ -609,4 +610,99 @@
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 @@
<div style="display: none;" class="exc-content">
<div class="exc-time">7月1日00:00截止兑换</div>
<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>
<div class="record-btn"></div>
</div>
......@@ -148,6 +149,14 @@
</div>
</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>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -156,7 +165,17 @@
<script src="lib/clipboard.js"></script>
<script>
$(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){
$("body").addClass("bg-en")
$(".rule-btn").attr("src","images/en/rule-btn.png")
......@@ -172,6 +191,10 @@ $(function(){
$(".rule-btn").on("click",function(){
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(){
var _self=$(this)
if(_self.attr("data-type")==1){
......@@ -239,6 +262,24 @@ $(function(){
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']
}
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(){
$.ajax({
url:$ip+'/actRaisingBeautifulGril/getRankData.html',
......@@ -266,7 +307,7 @@ $(function(){
else html+='<p class="list-li-p2">score: '+list.score+'</p>';
html+='</div>';
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>';
else html+='<div class="nav">PROG:'+barWidth+'%</div>';
html+='</div>';
......@@ -292,7 +333,8 @@ $(function(){
}
layer.closeAll()
task()
layer.msg("兌換成功")
if(sessionStorage.lang==2)layer.msg("兌換成功")
else layer.msg("success")
}
})
}
......@@ -431,7 +473,8 @@ $(function(){
layer.msg(data.msg)
return;
}
layer.msg("領取成功")
if(sessionStorage.lang==2)layer.msg("領取成功")
else layer.msg("success")
task()
}
})
......
activeFt/develop/lib/default.js
......@@ -68,7 +68,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
sessionStorage.roomId=23864554
}
if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=2
sessionStorage.lang=1
sessionStorage.uid =155100;
sessionStorage.token = 'debug'
sessionStorage.roomId=11134747;
......
activeFt/develop/oldView.html
......@@ -34,7 +34,7 @@
<div class="room-title">新秀出道</div>
<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-t2">排行</i>：<span>8</span></p>
<p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -52,6 +52,12 @@ $(function(){
})
}, 3000);
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()
$(".room-bg1").on("click",function(){
var obj = {
......
activeFt/develop/rule.html
......@@ -8,7 +8,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>辣個女生-活動規則</title>
<title>美眉養成記-活動規則</title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
......@@ -45,8 +45,8 @@ $(function(){
$(".back").attr("src","images/en/back.png")
$(".callKF").html('For any questions, please click <span>7*24 hour online service</span>')
}
if(sessionStorage.lang==2)var titleName="辣個女生"
else var titleName="hot&sexy girl"
if(sessionStorage.lang==2)var titleName="美眉養成記"
else var titleName="Beaut Cultivation Journey"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
......
footseenIcon/action/index.html
......@@ -34,7 +34,7 @@
<div class="room-title">新秀出道</div>
<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-t2">排行</i>：<span>8</span></p>
<p class="room-bg-p3"><i class="en-t3">排行</i>：<span>8</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
......@@ -44,10 +44,14 @@
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(function(){
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")
}
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
getData()
setTimeout(function(){
$.ajax({
......
footseenIcon/liveData2/css/base.css
......@@ -61,3 +61,6 @@ input[type=number]::-webkit-outer-spin-button {
display:none;
}
/*版芯*/
i{
font-style: normal;
}
\ No newline at end of file
footseenIcon/liveData2/css/index.css
......@@ -132,26 +132,50 @@
margin-left: -2.2vw;
top: -0.95vw;
}
.r1 {
width: 33vw;
height: 15.388vw;
background: url(../images/r1.png) no-repeat;
.act-room-bg1 {
position: relative;
width: 33.33vw;
height: 19.96vw;
background: url(../images/act-room-bg1.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
float: left;
}
.r1 .room-bg-p1 {
font-size: 2.5vw;
.act-room-bg1 .room-title {
font-size: 2.66vw;
height: 6.66vw;
line-height: 6.327vw;
color: #fff;
font-weight: 700;
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;
text-align: center;
}
.r1 .room-bg-p2 {
font-size: 2.5vw;
.act-room-bg1 .room-bg-p1 {
color: #fff;
font-weight: 700;
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: 0.5vw;
font-size: 2.66vw;
text-indent: 2.997vw;
padding-top: 0.66vw;
}
.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 @@
top: -0.95vw;
}
}
.r1{
width: 33vw;
height: 15.388vw;
background: url(../images/r1.png)no-repeat;
//活动
.act-room-bg1{
position: relative;
width: 33.33vw;
height: 19.96vw;
background: url(../images/act-room-bg1.png)no-repeat;
background-size: 100% 100%;
overflow: hidden;
float: left;
.room-title{
font-size: 2.66vw;
height: 6.66vw;
line-height: 6.327vw;
color: #fff;
text-align: center;
}
.room-bg-p1{
font-size: 2.5vw;
color: #fff;
font-weight: 700;
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;
font-size: 2.66vw;
text-indent: 2.997vw;
padding-top: 0.66vw;
span{
color: #F83AFF;
}
}
.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;
font-weight: 700;
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: 0.5vw;
font-size: 2.66vw;
text-indent: 2.997vw;
/* padding-top: 0.4rem; */
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 @@
</style>
</head>
<body style="background:rgba(0,0,0,0)">
<div style="display: none;" class="r1">
<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>8</span></p>
<div style="display: none;" class="act-room-bg1 ">
<div class="room-title">新秀出道</div>
<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 class="room-bg1">
<div class="room-bg-top">人氣</div>
......@@ -76,27 +78,14 @@
$(function(){
var socketOk=null
//活動
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
$(".en-t1").text("hot pop")
$(".en-t2").text("rank")
var titleArr=['','First level','Second level','Third level']
$(".en-t1").html('score')
$(".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()
function getData() {
......@@ -114,12 +103,20 @@ $(function(){
console.log("连接成功");
});
socket.on('ThatGirl', function (msg) {
socket.on('RaisingBeautifulGril', function (msg) {
var data=JSON.parse(msg)
$(".r1").show()
$(".room-bg-p1 span").text(data.score)
$(".room-bg-p2 span").text(data.rank)
});
if(data.rank>0){
console.log(data)
$(".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 () {
clearInterval(socketOk)
......@@ -142,13 +139,29 @@ $(function(){
"type":1,
// "width":314,
"width":360,
"height":48,
"height":72,
'unit':2,
"position":1
}
}
var obj2 = JSON.stringify(obj);
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){
$(".room-bg1,.room-bg3").show()
view()
......@@ -156,14 +169,14 @@ $(function(){
view()
}, 10000)
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-bg2 .room-bg-top").text('Interactive')
$(".room-bg3 .room-bg-top").text('income')
// $(".room-targe").css("top","41vw").css("right","9vw")
}
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-bg1 .room-bg-top").html('nhạc pop')
$(".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) {
sessionStorage.roomId=23864554
}
if (bbb.indexOf("file:///") > -1) {
sessionStorage.lang=2
sessionStorage.uid = 210102;
sessionStorage.lang=1
sessionStorage.uid = 11134747;
sessionStorage.token = 'debug'
sessionStorage.roomId=210102;
sessionStorage.roomId=11134747;
sessionStorage.version=8890
sessionStorage.cid='web'
sessionStorage.pkg='h5'
......
ftIcon/liveData/css/index.css
......@@ -125,32 +125,44 @@ i {
text-indent: 6vw;
margin-top: 4vw;
}
.r1 {
width: 100vw;
height: 63.48vw;
background: url(../images/r1.png) no-repeat;
.act-room-bg1 {
width: 10rem;
height: 8.885rem;
background: url(../images/act-room-bg1.png) no-repeat;
background-size: 100% 100%;
border-radius: 5vw;
overflow: hidden;
position: relative;
}
.r1-en {
background: url(../images/r1-en.png) no-repeat;
background-size: 100% 100%;
.act-room-bg1 .room-title {
font-size: 0.8rem;
height: 2rem;
line-height: 1.9rem;
color: #fff;
text-align: center;
}
.room-bg-p1 {
margin-top: 19vw;
font-size: 9vw;
text-indent: 8vw;
font-weight: 700;
.act-room-bg1 .room-bg-p1 {
color: #fff;
font-size: 0.85rem;
text-indent: 0.9rem;
padding-top: 0.4rem;
}
.act-room-bg1 .room-bg-p1 span {
color: #F83AFF;
}
.act-room-bg1 .room-bg-p2 {
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 {
font-size: 9vw;
.act-room-bg1 .room-bg-p3 {
color: #fff;
font-weight: 700;
text-indent: 8vw;
margin-top: 5vw;
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-p3 span {
color: #F83AFF;
}
ftIcon/liveData/css/index.less
......@@ -140,34 +140,44 @@ i{
margin-top: 4vw;
}
//活動
.r1{
width: 100vw;
height: 63.48vw;
background:url(../images/r1.png)no-repeat;
.act-room-bg1{
width: 10rem;
height: 8.885rem;
background: url(../images/act-room-bg1.png)no-repeat;
background-size: 100% 100%;
border-radius: 5vw;
overflow: hidden;
position: relative;
}
.r1-en{
background:url(../images/r1-en.png)no-repeat;
background-size: 100% 100%;
}
.room-bg-p1{
margin-top: 19vw;
font-size: 9vw;
text-indent: 8vw;
font-weight: 700;
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;
}
.room-bg-p2{
font-size: 9vw;
color: #fff;
font-weight: 700;
text-indent: 8vw;
margin-top: 5vw;
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;
.room-title{
font-size: 0.8rem;
height: 2rem;
line-height: 1.9rem;
color: #fff;
text-align: center;
}
.room-bg-p1{
color: #fff;
font-size: 0.85rem;
text-indent: 0.9rem;
padding-top: 0.4rem;
span{
color: #F83AFF;
}
}
.room-bg-p2{
color: #fff;
font-size: 0.85rem;
text-indent: 0.9rem;
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 @@
</style>
</head>
<body style="background:rgba(0,0,0,0)">
<div style="display: none;" class="r1">
<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>8</span></p>
</div>
<div style="display: none;" class="act-room-bg1 ">
<div class="room-title">新秀出道</div>
<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 class="room-bg1">
<div class="room-bg-top">人氣</div>
<div class="room-targe">目標:</div>
......@@ -74,10 +76,12 @@
$(function(){
var socketOk=null
//活動
var titleArr=['','新秀出道','嶄露頭角','光芒萬丈']
if(sessionStorage.lang!=2){
$(".en-t1").text("hot pop")
$(".en-t2").text("rank")
$(".r1").addClass("r1-en")
var titleArr=['','First level','Second level','Third level']
$(".en-t1").html('score')
$(".en-t2").html("PROG")
$(".en-t3").html("rank")
}
getData()
$(".r1").on("click",function(){
......@@ -87,7 +91,7 @@ $(function(){
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/hotGirl/index.html" + location.search,
"url": $url + "/activeFt/develop/index.html" + location.search,
}
}
var obj2 = JSON.stringify(obj);
......@@ -108,17 +112,20 @@ $(function(){
console.log("连接成功");
});
socket.on('ThatGirl', function (msg) {
socket.on('RaisingBeautifulGril', function (msg) {
var data=JSON.parse(msg)
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-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{
$(".r1").hide()
$(".act-room-bg1").hide()
}
});
});
socket.on('disconnect', function () {
clearInterval(socketOk)
......
ftIcon/liveData/lib/default.js
......@@ -58,9 +58,9 @@ if (bbb.indexOf("http://localhost:63342") > -1) {
}
if (bbb.indexOf("file:///") > -1) {
sessionStorage.lang=2
sessionStorage.uid = 174003;
sessionStorage.uid = 11134747;
sessionStorage.token = 'debug'
sessionStorage.roomId=174003;
sessionStorage.roomId=11134747;
sessionStorage.version=8890
sessionStorage.cid='web'
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