<!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;
        }
        .turn-box{
            margin-top: -1.5rem;
        }
    </style>
</head>
<script src="lib/lottie-player.js"></script>

<body style="background:rgba(0,0,0,0.7);">
    <div style="display: none;" class="layer-card-ok">
        <div>
            購買成功,600寶石已發放<br>明日起每日進入直播間自動發放20寶石<br>有效期至<span class="layer-time-span">XX月XX日</span>
        </div>
        <div class="btn-ok"></div>
    </div>
    <div class="vip-card-box">
        <img class="vip-icon" src="images/vip-icon.png" alt="">
        <div class="buy-btn btn-Pulse"></div>
        <p style="display: none;" class="buy-tips">有效期至2024/9/12 </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 src="lib/clipboard.js"></script>
<script src="lib/swiper.min.js"></script>
<script>
$(function(){
    if(sessionStorage.lang!=2){
        $("body").addClass("bg-en")
    }
    function buy(type){
        $.ajax({
            url:$ip+'/actStarSearchTour/userBuyGoods.html',
            data:{
                goodsType:type
            },
            success:function(data){
                console.log("购买月卡/壁咚",data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                layer.msg("購買成功")
                task()
                if(type==1){
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["9.58rem", "6.56rem"],
                        content: $(".layer-card-ok"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                        }
                    })
                }
            }
        })
    }
    function task(){
        $.ajax({
            url:$ip+'/actStarSearchTour/getUserTaskData.html',
            success:function(data){
                console.log('获取任务数据',data)
                //月卡任務
                if(data.result.monthlyCardData.status==0){
                    $(".buy-btn").addClass("btn-Pulse")
                    $(".buy-btn").unbind("click").on("click",function(){
                        buy(1)
                    })
                }
                if(data.result.monthlyCardData.status==1){
                    $(".buy-btn").unbind("click").addClass("buy-btn2")
                    $(".buy-tips").text("有效期至2024/"+timeGet(data.result.monthlyCardData.validEndTime)[1]+"/"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"").show()
                    $(".layer-time-span").text(""+timeGet(data.result.monthlyCardData.validEndTime)[1]+"月"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"日")
                }
            }
        })
    }

    $(".pop-btn").on("click",function(){
        var obj = {
            "cid": 12,
            "reqCode": new Date().getTime(),
            "data": {
                "msg": '跳转集合功能',
                "jumptype": 3,
                "url": $url + "/activeFt/newMan/index.html" + location.search+'&jump=1',
            }
        }
        var obj2 = JSON.stringify(obj);
        appCollaboration(obj2);
    })
    $(".close").on("click",function(){
        var obj = {
            "cid": 14,
            "reqCode": new Date().getTime(),
        }
        var obj2 = JSON.stringify(obj);
        appCollaboration(obj2);
    })
})
</script>
</html>