index.html
4.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<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>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/index.css?v=2024061701">
<link rel="stylesheet" href="css/liMarquee.css">
<style>
.layui-layer-shade {
opacity: 0.7 !important;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
</style>
</head>
<script src="lib/lottie-player.js"></script>
<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"></p>
<p class="act-room-p2"></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/fsize.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2024061701'"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(function(){
var wsTimer=null
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
}
var obj = {
"cid": 43,
"reqCode": new Date().getTime(),
"data": {
"type":1,
// "width":314,
"width":120,
"height":73,
'unit':2,
"position":1
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
function view(){
$.ajax({
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")
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>')
}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>')
}
}
})
}
view()
setInterval(function(){
view()
},60000)
$(".act-room-bg1").on("click",function(){
var obj = {
"cid": 31,
"reqCode": new Date().getTime(),
"data": {
"popupType":2,
// "width":314,
"url":''+$url+'/activeFt/summer/index.html',
"heightR":160,
"clickBlank":1,
"bottom":'0',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
function getData(roomid) {
var opts = {
reconnectionDelay: 5000,
query: {
'uid': sessionStorage.uid,
'token': sessionStorage.token,
'room': sessionStorage.roomId
}
}
socket = io.connect(_url3 + '/default', opts);
socket.on('connect', function () {
console.log("连接成功");
});
socket.on('RaisingBeautifulGril', function (msg) {
var data=JSON.parse(msg)
if(data.rank>0){
console.log(data)
$(".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{
$(".room-bg1").hide()
}
});
socket.on('disconnect', function () {
setTimeout(function(){
getData()
},3000)
console.log("已下线!");
});
socket.on('connect_error', function (error) {
console.log("链接失败!");
});
}
})
</script>
</html>