Skip to content

libai / fsActive

Go to a project
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 12.8 KB
Newer Older
ft活动上线
0c9f6783
 
libai committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 
<!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">
ft活动上线
3409b995
 
libai committed
16 
    <link rel="stylesheet" href="css/index.css?v=2024080101">
ft活动上线
0c9f6783
 
libai committed
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 
    <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>
ft活动上线
d22bd3a5
 
libai committed
33 
<body c style="background:rgba(0,0,0,0)">
ft活动上线
75acb2e3
 
libai committed
34 35 36 37 38 
    <div class="act-room-bg2">
        <div class="act-room-p1">距離上一名 :</div>
        <div class="act-room-p2">--</div>
        <div class="act-room-p3">當前排名:</div>
        <div class="act-room-p4">--</div>
ft活动上线
ee1d9a8d
 
libai committed
39 
    </div>
ft活动上线
0c9f6783
 
libai committed
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 
<div class="room-bg1">
    <div class="room-bg-top">人氣</div>
    <div class="room-targe">目標:</div>
    <div class="room-num"></div>
    <div class="room-bar-box">
        <div class="room-bar">
            <div></div>
        </div>
    </div>
</div>
<div  class="room-bg2">
    <div class="room-bg-top">互動</div>
    <div class="room-targe">目標:</div>
    <div class="room-num"></div>
    <div class="room-bar-box">
        <div class="room-bar">
            <div></div>
        </div>
    </div>
</div>
<div class="room-bg3">
    <div class="room-bg-top">禮物</div>
    <div class="room-targe">目標:</div>
    <div class="room-num"></div>
    <div class="room-bar-box">
        <div class="room-bar">
            <div></div>
        </div>
    </div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
ft活动上线
22d27a74
 
libai committed
73 
<script src="lib/default.js?v='2024061702'"></script>
ft活动上线
0c9f6783
 
libai committed
74 75 76 
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(function(){
ft活动上线
22d27a74
 
libai committed
77 
    var wsTimer=null
ft活动上线
9fbd2934
 
libai committed
78 
    var socketOk=null
ft活动上线
d22bd3a5
 
libai committed
79 80 81 
    if(sessionStorage.lang!=2){
        $("body").addClass("bg-en")
    }
ft活动上线
0c9f6783
 
libai committed
82 
    //活動
ft活动上线
75acb2e3
 
libai committed
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 
    $(".act-room-bg2").on("click",function(){
        // var obj = {
        //     "cid": 12,
        //     "reqCode": new Date().getTime(),
        //     "data": {
        //         "msg": '跳转集合功能',
        //         "jumptype": 3,
        //         "url": $url + "/activeFt/garden/index.html" + location.search+'&jump=1',
        //     }
        // }
        // var obj2 = JSON.stringify(obj);
        // appCollaboration(obj2);
        $.ajax({
            url:$ip+'/actSecretGarden/openPopup.html',
            data:{
                width:'0',
                popupUrl:'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html',
                height:'0.5',
                heightR:'121',
ft活动上线
407afd5b
 
libai committed
102 103 
                x:'0',
                y:'0.5',
ft活动上线
75acb2e3
 
libai committed
104 105 106 
            },
            success:function(){
ft活动上线
0c9f6783
 
libai committed
107 
            }
ft活动上线
75acb2e3
 
libai committed
108 
        })
ft活动上线
0c9f6783
 
libai committed
109 
    })
ft活动上线
d22bd3a5
 
libai committed
110
ft活动上线
c9bacc27
 
libai committed
111 112 
    function ActView(){
        $.ajax({
ft活动上线
75acb2e3
 
libai committed
113 
            url:$ip+'/actSecretGarden/getRoomPartData.html',
ft活动上线
c9bacc27
 
libai committed
114 
            success:function(data){
ft活动上线
75acb2e3
 
libai committed
115 
                console.log('圖標數據',data)
ft活动上线
f95de96f
 
libai committed
116 117 118 119 120 121 122 123 124 125 
                if(sessionStorage.lang==2){
                    if(data.result.roomData.rank==1)$(".act-room-p1").text("距離被超越 :")
                    else $(".act-room-p1").text("距離上一名 :")
                    $(".act-room-p2").text(data.result.roomData.diffPreScore)
                    if(data.result.roomData.rank==-1) $(".act-room-p4").text("未上榜")
                    else  $(".act-room-p4").text(data.result.roomData.rank)
                }else{
                    if(data.result.roomData.rank==1)$(".act-room-p1").text("be surpassed :")
                    else $(".act-room-p1").text("next :")
                    $(".act-room-p2").text(data.result.roomData.diffPreScore)
ft活动上线
5f426272
 
libai committed
126 
                    $(".act-room-p3").text("rank:")
ft活动上线
f95de96f
 
libai committed
127 128 
                    if(data.result.roomData.rank==-1) $(".act-room-p4").text("--")
                    else  $(".act-room-p4").text(data.result.roomData.rank)
ft活动上线
5f426272
 
libai committed
129 
                }
ft活动上线
c9bacc27
 
libai committed
130 131 132 133 134 135 136 
            }
        })
    }
    ActView()
    setInterval(function(){
        ActView()
    },60000)
ft活动上线
0c9f6783
 
libai committed
137 138 
    function getData() {
    	var opts = {
ft活动上线
22d27a74
 
libai committed
139 
            reconnectionDelay: 5000,
ft活动上线
0c9f6783
 
libai committed
140 141 142 143 144 145 146 147 148 
    		query: {
    			'uid': sessionStorage.uid,
    			'token': sessionStorage.token,
    			'room': sessionStorage.roomId
    		}
    	}

    	socket = io.connect(_url3 + '/default', opts);
    	socket.on('connect', function () {
ft活动上线
9fbd2934
 
libai committed
149 
            clearInterval(socketOk)
ft活动上线
0c9f6783
 
libai committed
150 151 152 
    		console.log("连接成功");
    	});
ft活动上线
ee1d9a8d
 
libai committed
153 
        socket.on('RaisingBeautifulGril', function (msg) {
ft活动上线
0c9f6783
 
libai committed
154 
            var data=JSON.parse(msg)
ft活动上线
3afc3b79
 
libai committed
155 
            if(data.rank>0){
ft活动上线
ee1d9a8d
 
libai committed
156 157 158 
                console.log(data)
                $(".act-room-bg1").show()
                $(".room-title").text(titleArr[data.extra.stage])
ft活动上线
3afc3b79
 
libai committed
159 
                $(".room-bg-p1 span").text(data.score)
ft活动上线
ee1d9a8d
 
libai committed
160 161 162 
                var barWidth=Math.floor(data.score/data.extra.stageScore*100)
                $(".room-bg-p2 span").text(barWidth+'%')
                $(".room-bg-p3 span").text(data.rank)
ft活动上线
3afc3b79
 
libai committed
163 
            }else{
ft活动上线
ee1d9a8d
 
libai committed
164 
                $(".act-room-bg1").hide()
ft活动上线
3afc3b79
 
libai committed
165 
            }
ft活动上线
ee1d9a8d
 
libai committed
166 
	    });
ft活动上线
0c9f6783
 
libai committed
167 168 

    	socket.on('disconnect', function () {
ft活动上线
9fbd2934
 
libai committed
169 170 
            clearInterval(socketOk)
            socketOk=setInterval(function(){
ft活动上线
8a36f08e
 
libai committed
171 172 
                getData()
            },3000)
ft活动上线
0c9f6783
 
libai committed
173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 
    		console.log("已下线!");
    	});

    	socket.on('connect_error', function (error) {
    		console.log("链接失败!");
    	});

    }

    //活動
    if(sessionStorage.uid==sessionStorage.roomId){
        $(".room-bg1,.room-bg3").show()
        view()
        setInterval(function(){
            view()
        },10000)
    }
    if(sessionStorage.lang==1){
        $(".room-bg-top").css("font-size","12vw").css("top","12.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","10.5vw").css("top","12.5vw")
        $(".room-bg1 .room-bg-top").text('chỉ số nhạc pop')
        $(".room-bg2 .room-bg-top").text('chỉ số tương tác')
        $(".room-bg3 .room-bg-top").text('thu nhập')
        $(".room-targe").css("top","41vw").css("right","9vw")
    }
    function view(){
        $.ajax({
            url:$ip+'/actPopularInteractIndex/queryUserIndexPartInfo.html',
            data:{
                roomId:sessionStorage.roomId,
            },
            success:function(data){
                // console.log('互動信息',data)


                //礼物
                if(data.result.statusData.bondsStatus!=2){
                    $(".room-bg3").show()
                    if(sessionStorage.lang!=2)$(".room-bg3 .room-targe").text(''+data.result.bondsData.bondsTarget1+'')
                    else $(".room-bg3 .room-targe").text('目標:'+data.result.bondsData.bondsTarget1+'')
                    var widthNum=Math.floor(data.result.bondsData.bonds/data.result.bondsData.bondsTarget1*100)
                    if(widthNum>100)widthNum=100
                    $(".room-bg3 .room-num").text(widthNum+'%')
                    $(".room-bg3 .room-bar div").css("width",widthNum+"%")
                }
                //人氣
                if(data.result.popualrData.popualr<data.result.popualrData.popularTarget1&&data.result.statusData.popularStatus2==0){
                    if(sessionStorage.lang!=2) $(".room-bg1 .room-targe").text(''+data.result.popualrData.popularTarget1+'')
                    else $(".room-bg1 .room-targe").text('目標:'+data.result.popualrData.popularTarget1+'')
                    var widthNum=Math.floor(data.result.popualrData.popualr/data.result.popualrData.popularTarget1*100)
                    if(widthNum>100)widthNum=100
                    $(".room-bg1 .room-num").text(widthNum+'%')
                    $(".room-bg1 .room-bar div").css("width",widthNum+"%")
                }else{
                    if(sessionStorage.lang!=2) $(".room-bg1 .room-targe").text(''+data.result.popualrData.popularTarget2+'')
                    else $(".room-bg1 .room-targe").text('目標:'+data.result.popualrData.popularTarget2+'')
                    var widthNum=Math.floor(data.result.popualrData.popualr/data.result.popualrData.popularTarget2*100)
                    if(widthNum>100)widthNum=100
                    $(".room-bg1 .room-num").text(widthNum+'%')
                    $(".room-bg1 .room-bar div").css("width",widthNum+"%")
                }
                //完成后关闭

                if(data.result.statusData.bondsStatus==2){
                    $(".room-bg3").hide()
                    if(data.result.statusData.interactStatus2!=2){
                        $(".room-bg2").show()
                        //互動
                        if(data.result.interactData.interact<data.result.interactData.interactTarget1&&data.result.statusData.interactStatus2==0){
                            if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget1+'')
                            else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget1+'')
                            var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget1*100)
                            if(widthNum>100)widthNum=100
                            $(".room-bg2 .room-num").text(widthNum+'%')
                            $(".room-bg2 .room-bar div").css("width",widthNum+"%")
                        }else{
                            if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget2+'')
                            else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget2+'')
                            var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget2*100)
                            if(widthNum>100)widthNum=100
                            $(".room-bg2 .room-num").text(widthNum+'%')
                            $(".room-bg2 .room-bar div").css("width",widthNum+"%")
                        }
                    }
                }
                if(data.result.statusData.popularStatus2==2){
                    $(".room-bg1").hide() 
                    if(data.result.statusData.interactStatus2!=2){
                        $(".room-bg2").show()
                         //互動
                        if(data.result.interactData.interact<data.result.interactData.interactTarget1&&data.result.statusData.interactStatus2==0){
                            if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget1+'')
                            else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget1+'')
                            var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget1*100)
                            if(widthNum>100)widthNum=100
                            $(".room-bg2 .room-num").text(widthNum+'%')
                            $(".room-bg2 .room-bar div").css("width",widthNum+"%")
                        }else{
                            if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget2+'')
                            else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget2+'')
                            var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget2*100)
                            if(widthNum>100)widthNum=100
                            $(".room-bg2 .room-num").text(widthNum+'%')
                            $(".room-bg2 .room-bar div").css("width",widthNum+"%")
                        }
                    }
                }
                if(data.result.statusData.interactStatus2==2){
                    $(".room-bg2").hide()
                }
        
            }
        })
    }
    $(".room-bg1 ,.room-bg2 ,.room-bg3").on("click",function(){
        var obj = {
	    	"cid": 12,
	    	"reqCode": new Date().getTime(),
	    	"data": {
	    		"msg": '跳转集合功能',
	    		"jumptype": 3,
ft活动上线
22d27a74
 
libai committed
300 
	    		"url":'https://fsactive.fusi.club/activeFt/liveData/index.html?uid='+sessionStorage.uid+'&token='+sessionStorage.token+'&roomid='+sessionStorage.roomId+'',
ft活动上线
0c9f6783
 
libai committed
301 302 303 304 305 306 307 308 309 
	    	}
	    }
	    var obj2 = JSON.stringify(obj);
	    appCollaboration(obj2);
    })

})
</script>
</html>