<!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=2024051701">
    <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: #ED71AD;">
<div class="layer-vip">
    <div class="layer-vip-p1">購買成功,600寶石已發放</div>
    <div class="layer-vip-p2">即日起每日進入直播間自動發放20寶石</div>
    <div class="layer-vip-p3">有效期至XX月XX日</div>
    <div class="layer-vip-btn"></div>
</div>
<div style="display: none;" class="layer-reg">
    <p class="layer-reg-p">恭喜您獲得XXX寶石</p>
    <div class="layer-reg-btn"></div>
</div>
<div class="layer-user-gift">
    <div class="layer-user-gift-ok"></div>
    <p class="layer-user-tips">以上獎勵已發放至背包,有效期為14天</p>
</div>
<div style="display: none;" class="layer-yesterday">
    <ul class="layer-record-ul">
        <!-- <li>
            <img class="record-face" src="images/face.png" alt="">
            <div class="record-like"></div>
            <p class="record-p1">6-1</p>
            <p class="record-p2">主播昵称预留</p>
        </li> -->

    </ul>
</div>
<div class="bg">
    <img class="ref" src="images/ref.png" alt="">
    <img class="rule-btn" src="images/rule-btn.png" alt="">
    <div class="banner"></div>
    <div class="top-btn1">
        <div data-type="1"></div>
        <div data-type="2"></div>
    </div>
    <div  class="mc-box">
        <div style="display: none;" class="bottom-nav">
            <li>
                <div class="list-box1"><img src="images/m1.png" alt=""></div>
                <div class="list-box2">
                    <a href="yazhai://_11134747_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm/user/img/11134747/479133442dd84ddd9764a2e65d0ccfd0.jpg?x-oss-process=image/resize,w_90" alt=""></a>
                    <a href="yazhai://_11139999_zone"><img class="list-face2" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt=""></a><p class="list-p1">꧁༺࿆༂🐸༂༻꧂。</p><p class="list-p2">積分 : 15000</p>
                </div>
                <div class="list-box3"><div class="list-ok">Completed</div></div><img class="line" src="images/line.png" alt="">
            </li>
        </div>
        <div class="gift-box">
            <!-- <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><img class="nav1" src="images/nav1.png" alt=""></div>
                  <div class="swiper-slide"><img class="nav2" src="images/nav2.png" alt=""></div>
                  <div class="swiper-slide"><img class="nav3" src="images/nav3.png" alt=""></div>
                </div>
                <div class="swiper-pagination"></div>
            </div> -->
        </div>
        <div class="floor">
            <img class="yesterday-btn" src="images/yesterday-btn.png" alt="">
            <img class="top-mc-face" src="images/face.png" alt="">
            <img style="display: none;" class="top-like" src="images/like-btn.png" alt="">
            <!-- <div class="top-like-click"></div> -->
            <p class="top-mc-p1">昨日最佳主播</p>
            <p class="top-mc-p2">虛位以待</p>
            <p class="top-mc-p3">積分:--</p>
        </div>
        <div class="list-bg">
            <ul class="list-ul">
                <!-- <li>
                    <div class="list-box1"><img src="images/m1.png" alt=""></div>
                    <div class="list-box2">
                        <img class="list-face1" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <img class="list-face2" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <p class="list-p1">主播暱稱預留</p>
                        <p class="list-p2">積分 : 123456</p>
                    </div>
                    <div class="list-box3">
                        <div class="list-ok">今日達標</div>
                    </div>
                    <img class="line" src="images/line.png" alt="">
                </li>
                <li>
                    <div class="list-box1">2</div>
                    <div class="list-box2">
                        <img class="list-face1" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <img class="list-face2" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <p class="list-p1">主播暱稱預留</p>
                        <p class="list-p2">積分 : 123456</p>
                    </div>
                    <div class="list-box3">
                        今日進度:50%
                    </div>
                    <img class="line" src="images/line.png" alt="">
                </li> -->
            </ul>
        </div>
    </div>
    <div style="display: none;" class="user-box">
        <div class="user-sign-box">
            <div data-type="1" class="card-box card-box1">
                <div class="card1"></div>
                <div class="card2">
                    <!-- <div class="card-content">
                        <img src="images/g1.png" alt="">
                        <p>女神硬幣*2</p>
                    </div> -->
                </div>
            </div>
            <div data-type="2" class="card-box card-box2">
                <div class="card1"></div>
                <div class="card2"></div>
            </div>
            <p>請點擊選擇簽到卡牌</p>
        </div>
        <div class="user-reg-box">
            <div class="show1"></div>
            <div class="show2"></div>
            <div class="lucky-btn"></div>
        </div>
        <div class="user-gift-box">
            <div class="gift-btn"></div>
        </div>
        <div class="user-vip-card">
            <div class="vip-btn"></div>
        </div>
    </div>

    <div style="height: 2.5rem;"></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.lang!=2){
        $("body").addClass("bg-en")
        $(".top-mc-p1").text("Best MC of yesterday")
        $(".user-sign-box >p").text("Please click to select the sign-in card")
        $(".rule-btn").attr("src","images/en/rule-btn.png")
        $(".yesterday-btn").attr("src","images/en/yesterday-btn.png")
        $("title").text("Goddess Chronicles")
        $(".layer-user-tips").text("Rewards issued to backpack, valid for 14 days.")
        $(".layer-vip-p1").text("Purchase done, 600 gems issued.")
        $(".layer-vip-p2").text("Daily entry to live room grants 20 GEMs.")
        $(".top-mc-p2").text("not yet")
        $(".top-mc-p3").text("score: --")
        $(".top-like").attr("src","images/en/like-btn.png")
        // <div class="layer-vip-p1">購買成功,600寶石已發放</div>
    // <div class="layer-vip-p2">即日起每日進入直播間自動發放20寶石</div>
    }
    if(sessionStorage.lang==2)var titleName="女神物語"
    else var titleName="Goddess Chronicles"
    var obj = {
        "cid": 34,  //修改网页title  居中显示。
        "data": {
            "type": 2,  //1 图片  2文本。 
            "imgTxt": titleName,
        }
    }
    var obj2 = JSON.stringify(obj);
    appCollaboration(obj2);
    $(".top-btn1 div").on("click",function(){
        var _self=$(this);
        if(_self.attr("data-type")==1){
            $(".user-box").hide()
            $(".mc-box").fadeIn(200)
            $(".top-btn1").removeClass("top-btn2")
        }
        else{
            $(".mc-box").hide()
            $(".user-box").fadeIn(200)
            $(".top-btn1").addClass("top-btn2")
            task()
        }
    })
    if(sessionStorage.jump==1){
        $(".mc-box").hide()
        $(".user-box").fadeIn(200)
        $(".top-btn1").addClass("top-btn2")
        task()
    }
    $(".rule-btn").on("click",function(){
        window.location.href="rule.html"+location.search
    })
    list()
    topMc()
    yesterday()
    if(sessionStorage.roomId!=0){
        bottom()
    }
    
    $(".yesterday-btn").on("click",function(){
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["9.453rem", "10.973rem"],
            content: $(".layer-yesterday"),
            end: function () {
                $(".layui-layer-shade").hide()
                giftOk=true;
            }
        })
    })

    function topMc(){
        $.ajax({
            url:$ip+'/actGoddessStory/getRoomBestSexData.html',
            success:function(data){
                console.log('往日女神',data)
                var html=[];
                for(var i=0;i<data.result.sexyList.length;i++){
                    var list=data.result.sexyList[i]
                    if(list.roomId==0){
                        html+='<li>';
                        html+='<img class="record-face" src="images/face.png" alt="">';
                        html+='<p class="record-p1">8-'+(i+1)+'</p>';
                        if(sessionStorage.lang==2)html+='<p class="record-p2">暫未產生</p>';
                        else html+='<p class="record-p2">Not yet</p>';
                        html+='</li>';
                        continue;
                    }
                    html+='<li>';
                    html+='<a href="yazhai://_' + list.roomId + '_zone"><img class="record-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt=""></a>';
                    if(list.isLisk==0)html+='<div data-type="'+list.roomId+'" class="record-like record-like-click"></div>';
                    else html+='<div class="record-like record-like-end"></div>';
                    html+='<p class="record-p1">8-'+(i+1)+'</p>';
                    html+='<p class="record-p2">'+list.nickName+'</p>';
                    html+='</li>';
                }
                $(".layer-record-ul").html(html)
                $(".record-like-click").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.unbind("click").addClass("record-like-end")
                            }else{
                                layer.msg(data.msg)
                            }
                        }
                    })
                })
            }
        })
    }
    function yesterday(){
        $.ajax({
            url:$ip+'/actGoddessStory/getViewLikeData.html',
            success:function(data){
                console.log("昨日top1",data)
                if(data.result.roomSexData.uid==0){
                    return;
                }
                var list=data.result.roomSexData
                $(".top-mc-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110")
                $(".top-mc-p2").text(list.nickName)
                if(sessionStorage.lang==2)$(".top-mc-p3").text("積分:"+list.score+"")
                else $(".top-mc-p3").text("score:"+list.score+"")
                if(list.isLike==0&&list.uid!=0)$(".top-like").show().attr("data-type",list.uid)
                $(".top-mc-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+'/actGoddessStory/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="list-box1"><img src="images/m1.png" alt=""></div>';
                    else html+='<div class="list-box1">'+(i+1)+'</div>'
                    html+='<div class="list-box2">';
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-face1" 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="list-face2" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt=""></a>';
                    html+='<p class="list-p1">'+list.name+'</p>';
                    if(sessionStorage.lang==2)html+='<p class="list-p2">積分 : '+list.score+'</p>';
                    else html+='<p class="list-p2">score : '+list.score+'</p>';
                    html+='</div>';
                    html+='<div class="list-box3">';
                    if(list.score>=10000){
                        if(sessionStorage.lang==2) html+='<div class="list-ok">今日達標</div>';
                        else  html+='<div class="list-ok">Completed</div>';
                       
                    }
                    else{
                        if(sessionStorage.lang==2)html+='<div class="list-box3">今日進度:'+Math.floor(list.score/10000*100)+'%</div>';
                        else html+='<div class="list-box3">progress:'+Math.floor(list.score/10000*100)+'%</div>';
                        
                    } 
                    html+='</div>';
                    html+='<img class="line" src="images/line.png" alt="">';
                    html+='</li>';
                }
                $(".list-ul").html(html);
            }
        })
    }
    function bottom(){
        $.ajax({
            url:$ip+'/actGoddessStory/getViewBottomData.html',
            success:function(data){
                console.log('底部导航',data)
                var html='';
                var list=data.result.roomData
                html+='<li>';
                if(list.rank==1)html+='<div class="list-box1"><img src="images/m1.png" alt=""></div>';
                else{
                    if(list.rank==-1)html+='<div class="list-box1">--</div>';
                    else html+='<div class="list-box1">'+list.rank+'</div>';
                } 
                html+='<div class="list-box2">';
                html+='<a href="yazhai://_'+list.roomId+'_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.roomFace+'?x-oss-process=image/resize,w_90" alt=""></a>';
                html+='<p class="list-p1">'+list.roomName+'</p>'
                if(sessionStorage.lang==2)html+='<p class="list-p2">積分 : '+list.score+'</p>';
                    else html+='<p class="list-p2">score : '+list.score+'</p>';
                html+='</div>';
                if(list.score>=10000){
                    if(sessionStorage.lang==2) html+='<div class="list-box3"><div class="list-ok">今日達標</div></div>';
                    else  html+='<div class="list-box3"><div class="list-ok">Completed</div></div>';
                }
                else{
                    if(sessionStorage.lang==2)html+='<div class="list-box3">今日進度:'+Math.floor(list.score/10000*100)+'%</div>';
                    else html+='<div class="list-box3">progress:'+Math.floor(list.score/10000*100)+'%</div>';
                    
                } 
                html+='</li>';
                $(".bottom-nav").html(html).show()
            }
        })
    }
    function task(){
        $.ajax({
            url:$ip+'/actGoddessStory/getWelfareData.html',
            success:function(data){
                console.log('获取福利四重奏页面数据',data)
                for(var i=0;i<data.result.welfareList.length;i++){
                    var list=data.result.welfareList[i]
                    if(i==0){
                        //簽到
                        if(list.status==0){
                            $(".card-box").unbind("click").on("click",function(){
                                var _self=$(this)
                                $.ajax({
                                    url:$ip+'/actGoddessStory/checkin.html',
                                    data:{
                                        position:_self.attr("data-type")
                                    },
                                    success:function(data){
                                        console.log('用户签到',data)
                                        if(data.code!=1){
                                            layer.msg(data.msg)
                                            return;
                                        }
                                        _self.children(".card1").css("transform","rotateY(180deg)").css("z-index","1")
                                        _self.children(".card2").css("transform","rotateY(-180deg)").css("z-index","3")
                                        $(".card-box").unbind("click")
                                        var html='';
                                        html+='<div class="card-content">';
                                        if(data.result.rewardId==4){
                                            html+='<img src="images/g2.png" alt="">';
                                            html+='<p>女神花束*1</p>';
                                        } 
                                        else{
                                            html+='<img src="images/g1.png" alt="">';
                                            html+='<p>女神硬幣*'+data.result.rewardId+'</p>';
                                        } 
                                        html+='</div>';
                                        $(".card2").html(html)
                                        if(sessionStorage.lang==2) $(".user-sign-box >p").text("今日已簽到,禮物已發放至背包,請明日再來")
                                        else $(".user-sign-box >p").text("Signed in, gift in backpack. Come back tomorrow.")
                                        
                                    }
                                })
                            })
                        }else{
                            if(sessionStorage.lang==2) $(".user-sign-box >p").text("今日已簽到,禮物已發放至背包,請明日再來")
                            else $(".user-sign-box >p").text("Signed in, gift in backpack. Come back tomorrow.")
                            var html='';
                             html+='<div class="card-content">';
                             if(list.checkinReward==4){
                                 html+='<img src="images/g2.png" alt="">';
                                 if(sessionStorage.lang==2)html+='<p>女神花束*1</p>';
                                 else html+='<p>flowers*1</p>';
                             } 
                             else{
                                 html+='<img src="images/g1.png" alt="">';
                                 if(sessionStorage.lang==2)html+='<p>女神硬幣*'+list.checkinReward+'</p>';
                                 else html+='<p>goddess coin*'+list.checkinReward+'</p>';
                             } 
                             html+='</div>';
                             $(".card2").html(html)
                             console.log(11)
                             $(".card-box"+list.checkinPosition+"").children(".card1").css("transform","rotateY(180deg)").css("z-index","1")
                             $(".card-box"+list.checkinPosition+"").children(".card2").css("transform","rotateY(-180deg)").css("z-index","3")

                        }
                    }
                    if(i==1){
                        //儲值抽獎
                        if(list.status==-1){
                            //未達標
                            if(sessionStorage.lang==2)$(".lucky-btn").addClass("lucky-btn2").text("點擊前往儲值 >")
                            else $(".lucky-btn").addClass("lucky-btn2").text("Go to recharge >")
                            $(".lucky-btn").unbind("click").on("click",function(){
                                window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
                            })
                        }
                        else if(list.status==0){
                            //可抽獎
                            $(".lucky-btn").unbind("click").on("click",function(){
                                lottery()
                            })
                        }
                        else if(list.status==1){
                            //已領取
                            if(sessionStorage.lang==2)$(".lucky-btn").addClass("lucky-btn2").text("已獲得"+list.todayRewardDiamond+"寶石")
                            else $(".lucky-btn").addClass("lucky-btn2").text("Already obtained "+list.todayRewardDiamond+" GEMs")
                        }
                    }
                    if(i==2){
                        //每日禮包
                        if(list.status==0){
                            //未購買
                            $(".gift-btn").unbind("click").on("click",function(){
                                getCard(1)
                            })
                        }
                        else{
                            //已購買
                            if(sessionStorage.lang==2) $(".gift-btn").addClass("gift-btn2").text("今日已購買")
                            else $(".gift-btn").addClass("gift-btn2").text("Purchased today")
                            
                        }
                    }
                    if(i==3){
                        //月卡
                        if(list.status==0){
                            //未購買 
                            $(".vip-btn").unbind("click").on("click",function(){
                                getCard(2)
                            })
                        }else{
                            //已購買
                            if(sessionStorage.lang==2){
                                $(".vip-btn").addClass("vip-btn2").text("已購買:有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日")
                                $(".layer-vip-p3").text("已購買:有效期至"+timeGet(list.validEndTime)[1]+"月"+timeGet(list.validEndTime)[2]+"日")
                            }else{
                                $(".vip-btn").addClass("vip-btn2").text("Purchased until"+timeGet(list.validEndTime)[1]+"-"+timeGet(list.validEndTime)[2]+"")
                                $(".layer-vip-p3").text("Purchased until"+timeGet(list.validEndTime)[1]+"-"+timeGet(list.validEndTime)[2]+"")
                            }

                        }
                    }
                }
            }
        })
    }
    function getCard(e){
        //1礼包  2月卡
        $.ajax({
            url:$ip+'/actGoddessStory/userBuyGoods.html',
            data:{
                goodsType:e
            },
            success:function(data){
                console.log('购买礼包,月卡',data)
                if(data.code==-100){
                    layer.msg(data.msg)
                    setTimeout(function() {
                        window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
                    }, 1000);
                    return
                }
                else if(data.code!=1){
                    layer.msg(data.msg)
                    return
                }
                if(e==1){
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["9.45rem", "10.78rem"],
                        content: $(".layer-user-gift"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                            giftOk=true;
                        }
                    })
                    $(".layer-user-gift-ok").unbind("click").on("click",function(){
                        layer.closeAll()
                    })
                    task()
                    // layer-user-gift
                }
                if(e==2){
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["9.45rem", "7.28rem"],
                        content: $(".layer-vip"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                            giftOk=true;
                        }
                    })
                    $(".layer-vip-btn").unbind("click").on("click",function(){
                        layer.closeAll()
                    })
                    task()
                }
            }
        })
    }
    function lottery(){
        $.ajax({
            url:$ip+'/actGoddessStory/userLottery.html',
            success:function(data){
                console.log('储值抽奖',data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                if(sessionStorage.lang==2)$(".layer-reg-p").text("恭喜您獲得"+data.result.rateDiamond+"寶石")
                else $(".layer-reg-p").text("Congratulations! You have obtained "+data.result.rateDiamond+" gems.")
                
                layer.open({
                    type: 1,
                    title: false,
                    shadeClose: true,
                    skin: "yourclass5",
                    area: ["9.45rem", "7.48rem"],
                    content: $(".layer-reg"),
                    end: function () {
                        $(".layui-layer-shade").hide()
                        giftOk=true;
                    }
                })
                task()
                $(".layer-reg-btn").unbind("click").on("click",function(){
                    layer.closeAll()
                })
            }
        })
    }
})
</script>
</html>