<!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>lucky777</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=2024092504">
    <link rel="stylesheet" href="css/liMarquee.css">
    <link rel="stylesheet" href="css/swiper.min.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:#0C0904;">

<div class="layer-dew"></div>
<div class="layer-turn"></div>
<div class="bg">
    <img class="ref" src="images/ref.png" alt="">
    <div class="rule-btn"></div>
    <div class="banner"></div>
    <div class="top-btn1">
        <div></div>
        <div></div>
    </div>
    <div class="mc-box">
        <div class="gift-box"></div>
        <div class="gift-box2"></div>
        <div class="list-floor">
            <!-- <div class="top-king"></div> -->
            <img style="display: none;" class="top-like" src="images/like.png" alt="">
            <img class="top-face" src="images/face.png" alt="">
            <!-- <p class="top-p1">昨日最佳主播</p> -->
            <p class="top-p2">虛位以待</p>
            <p class="top-p3">積分:--</p>
        </div>
        <div class="list-bg">
            <ul class="list-ul">
                <!-- <li>
                    <div class="li-box1"><img src="images/t1.png" alt=""></div>
                    <div class="li-box2">
                        <img class="li-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <p class="li-p1">主播暱稱預留</p>
                        <p class="li-p2">積分: 123456</p>
                    </div>
                    <div class="li-box3"><img src="images/over.png" alt=""></div>
                </li> -->
            </ul>
        </div>
        <div class="bottom-nav">
                <!-- <li>
                    <div class="li-box1"><img src="images/t1.png" alt=""></div>
                    <div class="li-box2">
                        <img class="li-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <p class="li-p1">主播暱稱預留</p>
                        <p class="li-p2">積分: 123456</p>
                    </div>
                    <div class="li-box3"><img src="images/over.png" alt=""></div>
                </li> -->
        </div>
        <div style="height: 2.5rem;"></div>
    </div>
    <div style="display: none;" class="user-box">
        <div class="task-box">
            <div class="dew-btn"></div>
            <div data-type="1" class="task1 "></div>
            <div data-type="2" class="task2 "></div>
            <div data-type="3" class="task3 ">
                <span class="min-num">(<span></span>/30)</span>
            </div>
            <div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn"  data-type="4" class="task4 ">
                <span id="target" class="haxi" style="float: left;font-size: 0"></span>
            </div>
            <div data-type="5" class="task5 "></div>
            <div data-type="6" class="task6 "></div>
        </div>
        <div class="lucky-title">
            <div class="dew-exc"></div>
            <div class="game-rule"></div>
        </div>
        <iframe src="" frameborder="0"></iframe>
        <div class="user-list-title"></div>
        <div class="user-list-box">
            <div class="user-btn1">
                <div data-type="2"></div>
                <div data-type="1000"></div>
            </div>
            <ul class="user-ul">
                <!-- <li>
                    <div class="user-box1">1</div>
                    <div class="user-box2">
                        <img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        用戶暱稱預留
                    </div>
                    <div class="user-box3">幸運值: <span>451321</span></div>
                </li> -->
            </ul>
        </div>
        <div style="height: 2rem;"></div>
    </div>

</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 src="lib/clipboard.js"></script>
<script src="lib/swiper.min.js"></script>
<script>
$(function(){
    if(sessionStorage.jump==1){
        $(".mc-box").hide()
        $(".user-box").fadeIn(200)
        $(".top-btn1").addClass("top-btn2")
        var bbb = location.href;
        if (bbb.indexOf("https://fsactive.fusi.club/") > -1) {
            $("iframe").attr("src","https://activity.yazhaiyabo.com/active2020/superDew/index.html"+location.search+""+"&roomid=868812")
        }else{
            $("iframe").attr("src","http://test.ybact.yazhaiyabo.com/active2020/superDew/index.html"+location.search+""+"&roomid=999996")
        }
      
        userRank(2)
        task()
    }
    if(sessionStorage.lang!=2){
        $("body").addClass("bg-en")
        $(".top-like").attr("src","images/en/like.png") 
        $(".top-p2").text("Not yet")
    }
    list()
    top()
    $(".top-btn1 div").eq(0).on("click",function(){
        $(".user-box").hide()
        $(".mc-box").fadeIn(200)
        $(".top-btn1").removeClass("top-btn2")
    })
    $(".top-btn1 div").eq(1).on("click",function(){
           var bbb = location.href;
        $(".mc-box").hide()
        $(".user-box").fadeIn(200)
        $(".top-btn1").addClass("top-btn2")
        if (bbb.indexOf("https://fsactive.fusi.club/") > -1) {
            $("iframe").attr("src","https://activity.yazhaiyabo.com/active2020/superDew/index.html"+location.search+""+"&roomid=868812")
        }else{
            $("iframe").attr("src","http://test.ybact.yazhaiyabo.com/active2020/superDew/index.html"+location.search+""+"&roomid=999996")
        }
        userRank(2)
        task()
    })
    $(".rule-btn").on("click",function(){
        window.location.href="rule.html"+location.search
    })
    $(".dew-btn").on("click",function(){
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["9.62rem", "6.53rem"],
            content: $(".layer-dew"),
            end: function () {
                $(".layui-layer-shade").hide()
            }
        })
    })
    $(".game-rule").on("click",function(){
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["9.62rem", "auto"],
            content: $(".layer-turn"),
            end: function () {
                $(".layui-layer-shade").hide()
            }
        })
    })
    $(".dew-exc").on("click",function(){
        var obj = {
            "cid": 12,
            "reqCode": new Date().getTime(),
            "data": {
                "msg": "兌換露水",
                "jumptype": 15,
            }
        }
        var obj2 = JSON.stringify(obj);
        appCollaboration(obj2);
    })
    function top(){
        $.ajax({
            url:$ip+'/actLucky777/getViewLikeData.html',
            success:function(data){
                console.log("昨日最佳主播",data)
                if(data.result.roomSexData.uid==0){
                    if(sessionStorage.lang==2)$(".top-p3").text("積分:--")
                    else $(".top-p3").text("score:--")
                    return;
                }
                var list=data.result.roomSexData
                $(".top-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110")
                $(".top-p2").text(list.nickName)
                if(sessionStorage.lang==2)$(".top-p3").text("積分:"+list.score+"")
                else $(".top-p3").text("score:"+list.score+"")
                if(list.isLike==0&&list.uid!=0)$(".top-like").show().attr("data-type",list.uid)
                $(".top-face").unbind("click").on("click",function(){
                    window.location.href='yazhai://_' + list.uid + '_zone'
                })
                $(".top-like").unbind("click").on("click",function(){
                    var _self=$(this)         
                    $.ajax({
                        url:$ip+'/room/like',
                        data:{
                            roomId:_self.attr("data-type")
                        },
                        success:function(data){
                            if(data.code==1){
                                if(sessionStorage.lang==2)layer.msg("追蹤成功")
                                else layer.msg("success!")
                                _self.hide()
                            }else{
                                layer.msg(data.msg)
                            }
                        }
                    })
                })
            }
        })
    }
    function list(){
        $.ajax({
            url:$ip+'/actLucky777/getRankData.html',
            success:function(data){
                console.log('主播榜單',data)
                var html=[];
                for(var i=0;i<data.result.rankList.length;i++){
                    var list=data.result.rankList[i];
                     html+='<li>';
                    if(i==0)html+='<div class="li-box1"><img src="images/t1.png"></div>';
                    else html+='<div class="li-box1">'+(i+1)+'</div>';
                    html+='<div class="li-box2">';
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img class="li-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
                    if(list.fansRank[0]!=undefined)html+='<a href="yazhai://_' + list.fansRank[0].uid + '_zone"><img class="li-user-face" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt=""></a>';
                    html+='<p class="li-p1">'+list.name+'</p>';
                    if(sessionStorage.lang==2)html+='<p class="li-p2">積分: '+list.score+'</p>';
                    else html+='<p class="li-p2">score: '+list.score+'</p>';
                    html+='</div>';
                    if(list.score>=15000){
                        if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
                        else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
                    }else{
                        if(sessionStorage.lang==2)html+='<div class="li-box3"><p>進度: '+Math.floor(list.score/15000*100)+'%</p></div>';
                        else html+='<div class="li-box3"><p>prog: '+Math.floor(list.score/15000*100)+'%</p></div>';
                     
                    }
                    html+='</li>';
                }
                $(".list-ul").html(html);
            }
        })
    }
    if(sessionStorage.roomId!=0)bottom()
    function bottom(){
        $.ajax({
            url:$ip+'/actLucky777/getViewBottomData.html',
            success:function(data){
                console.log('获取底部导航栏信息',data)
                var html=[];
                var list=data.result.roomData;
                html+='<li>';
                if(list.rank==1)html+='<div class="li-box1"><img src="images/t1.png" alt=""></div>';
                else if(list.rank==-1)html+='<div class="li-box1">--</div>';
                else html+='<div class="li-box1">'+list.rank+'</div>';
                html+='<div class="li-box2">';
                html+='<img class="li-mc-face" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt="">';
                // html+='<img class="li-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">';
                html+='<p class="li-p1">'+list.roomName+'</p>';
                if(sessionStorage.lang==2)html+='<p class="li-p2">積分: '+list.score+'</p>';
                else html+='<p class="li-p2">score: '+list.score+'</p>';
                html+='</div>';
                if(sessionStorage.lang==2)html+='<div class="li-box3"><img src="images/over.png" alt=""></div>';
                else html+='<div class="li-box3"><img src="images/en/over.png" alt=""></div>';
                html+='</li>';
                $(".bottom-nav").html(html).show()
            }
        })
    }
    
    function task(){
        $.ajax({
            url:$ip+'/actLucky777/getUserTaskData.html',
            success:function(data){
                console.log('任务列表',data)
                $("#target").text(data.result.taskList[3].speakMsg)
                $(".task3 .min-num span").text(Math.floor(data.result.taskList[2].userWatchTime/60))
                for(var i=0;i<data.result.taskList.length;i++){
                    var list=data.result.taskList[i]
                    $(".task"+(i+1)+"").unbind("click")
                    if(list.taskStatus==2){
                        $(".task"+(i+1)+"").addClass("task3-btn")
                        continue;
                    }
                    if(list.taskStatus==1){
                        $(".task"+(i+1)+"").addClass("task2-btn")
                        $(".task"+(i+1)+"").on("click",function(){
                            var _self=$(this)
                            getTask(_self.attr("data-type"))
                        })
                    }
                    if(list.taskStatus==0){
                        if(i==1){
                            $(".task"+(i+1)+"").addClass("task4-btn")
                            $(".task"+(i+1)+"").on("click",function(){
                                var obj = {
                                    "cid": 12,
                                    "reqCode": new Date().getTime(),
                                    "data": {
                                        "msg": '去儲值',
                                        "jumptype": 16,  //16: 去储值  18: 跳转到座驾  3:跳转集合功能   28:跳转直播间  29:空间  26:设置  40:半屏宝石储值  41:礼物列表  42:背包列表 // 43: 跳转新人主播引导
                                        "hideTitle": 0 // 1隐藏头部,0 不隐藏, 默认为0
                                    }
                                }
                                var obj2 = JSON.stringify(obj);
                                appCollaboration(obj2);
                            })
                        }
                        else if(i==3){
                            $(".task"+(i+1)+"").addClass("task5-btn")
                            $(".task"+(i+1)+"").on("click",function(){
                                var targetText=$("#target").text();
                                var clipboard = new Clipboard('#copy_btn');
                                clipboard.on('success', function(e) {
                                    console.info('Action:', e.action);
                                    console.info('Text:', e.text);
                                    console.info('Trigger:', e.trigger);
                                    e.clearSelection();
                                });
                                if(sessionStorage.lang==2) layer.msg("已複製,趕緊去直播間發言吧")
                                else layer.msg("Copied, hurry up and go to the live broadcast room to comment!")
                            })

                        }
                        else if(i==5){
                            $(".task"+(i+1)+"").addClass("task6-btn")
                            $(".task6-btn").unbind("click").on("click",function(){
                                var bbb = location.href;
                                if (bbb.indexOf("https://fsactive.fusi.club/") > -1) {
                                    window.location.href='yazhai://_868812_room'
                                }else{
                                    window.location.href='yazhai://_999996_room'
                                }
                                
                            })
                        }
                        else {
                            $(".task"+(i+1)+"").addClass("task1-btn")
                        }
                    }   
                }
            }
        })
    }
    $(".user-btn1 div").on("click",function(){
        var _self=$(this)
        userRank(_self.attr("data-type"))
    })
    function userRank(e){
        $.ajax({
            url:$ip+'/actLucky777/getLuckyRankData.html',
            data:{
                langRange:e
            },
            success:function(data){
                console.log('幸运值排行',data)
                if(e==2){
                    $(".user-btn1").removeClass("user-btn2")
                }else{
                    $(".user-btn1").addClass("user-btn2")
                }
                var html=[];
                for(var i=0;i<data.result.rankList.length;i++){
                    var list=data.result.rankList[i]
                    html+='<li>';
                    html+='<div class="user-box1">'+(i+1)+'</div>';
                    html+='<div class="user-box2">';
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img class="user-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>'+list.name+'';
                    html+='</div>';
                    if(sessionStorage.lang==2)html+='<div class="user-box3">幸運值: <span>'+list.score+'</span></div>';
                    else html+='<div class="user-box3">score: <span>'+list.score+'</span></div>';
                    html+='</li>';
                }
                $(".user-ul").html(html)
            }
        })
    }
    function getTask(e){
        $.ajax({
            url:$ip+'/actLucky777/receiveTaskRewards.html',
            data:{
                taskId:e
            },
            success:function(data){
                console.log("获取任务数据",data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                if(sessionStorage.lang==2)layer.msg("領取成功");
                else layer.msg("success");
                task()
            }            
        })
    }
})
</script>
</html>