<!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=2024081501">
    <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 style="display: none;" class="act-room-bg act-room-bg2">
    <p class="act-p1"><i class="en-txt1">主播積分</i>: <span>8000</span></p>
    <p class="act-p2"><i class="en-txt2">進度</i>: <span class="act-span2" style="margin-right: 0.5rem;">18%</span> <i class="en-txt3">排名</i>: <span class="act-span3">5</span></p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2024061702'"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(function(){
    if(sessionStorage.lang!=2){
        $("body").addClass("bg-en")
        // $(".act-room-p1").text("score:")
        // $(".act-room-p3").text("goal:")
        $(".en-txt1").text("score")
        $(".en-txt2").text("PROG")
        $(".en-txt3").text("rank")

    }
    var jump=1

    $(".act-room-bg").on("click",function(){
        var obj = {
            "cid": 12,
            "reqCode": new Date().getTime(),
            "data": {
                "msg": '跳转集合功能',
                "jumptype": 3,
                "url": $url + "/activeFt/lucky777/index.html" + location.search+'&jump='+jump+'',
            }
        }
        var obj2 = JSON.stringify(obj);
        appCollaboration(obj2);
    })
    $(".dew-exc").on("click",function(){
        
    })
    function view(){
        $.ajax({
            url:$ip+'/actLucky777/getRoomPartData.html',
            success:function(data){
                console.log('圖標數據',data)
                if(data.result.userData.signReceive==0){
                    $(".act-room-bg").fadeIn(200)
                    return;
                }
                jump=2
                $(".act-room-bg").removeClass("act-room-bg2").fadeIn(200)
                $(".act-p1 span").text(data.result.roomData.score)
                $(".act-span2").text(Math.floor(data.result.roomData.score/15000*100)+'%')
                if(data.result.roomData.rank==-1)$(".act-span3").text('--')
                else $(".act-span3").text(data.result.roomData.rank)
            }
        })
    }
    view()
    setInterval(function(){
        view()
    },60000)
    setTimeout(function(){
        if(sessionStorage.lang==2)return;
        if(localStorage.lucky777==undefined||localStorage.lucky777<new Date().getTime()){
            localStorage.lucky777=(Number(new Date().getTime())+86400000)
            $.ajax({
                url:$ip+'/actSecretGarden/openPopup.html',
                data:{
                    width:'0',
                    popupUrl:$url + "/activeFt/lucky777/pop.html",
                    height:'0.5',
                    heightR:'75',
                    x:'0',
                    y:'0.5',
                },
                success:function(){

                }
            })
        }
    },30000)
    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>