Skip to content

libai / fsActive

Go to a project
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 17.6 KB
Newer Older
ft活动上线
cafa97bf
 
libai committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 
<!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">
    <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: #210F2C;">
ft活动上线
14a8b074
 
libai committed
33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 
<div style="display: none;" class="layer-exc">
    <ul class="layer-exc-ul">
        <!-- <li>
            <div class="layer-exc-box1">獎品名稱預留</div>
            <div class="layer-exc-box2">XXX個</div>
            <div class="layer-exc-box3">6.15 19:30</div>
        </li> -->
        <!-- <li>
            <div class="layer-exc-box1">獎品名稱預留</div>
            <div class="layer-exc-box2">XXX個</div>
            <div class="layer-exc-box3">6.15 19:30</div>
        </li>
        <li>
            <div class="layer-exc-box1">獎品名稱預留</div>
            <div class="layer-exc-box2">XXX個</div>
            <div class="layer-exc-box3">6.15 19:30</div>
        </li>
        <li>
            <div class="layer-exc-box1">獎品名稱預留</div>
            <div class="layer-exc-box2">XXX個</div>
            <div class="layer-exc-box3">6.15 19:30</div>
        </li>
        <li>
            <div class="layer-exc-box1">獎品名稱預留</div>
            <div class="layer-exc-box2">XXX個</div>
            <div class="layer-exc-box3">6.15 19:30</div>
        </li> -->
    </ul>
</div>
ft活动上线
99cae283
 
libai committed
62 63 64 65 66 
<div style="display: none;" class="layer-ok">
    <div class="layer-ok-gift">
        <img src="images/g1.png" alt="">
        <p class="layer-ok-name">獎品名稱預留</p>
    </div>
ft活动上线
14a8b074
 
libai committed
67 68 69 70 
    <p class="layer-ok-p1">兌換所需應援卡：<span>153216</span></p>
    <p class="layer-ok-p2">當前持有應援卡：<span>132546</span></p>
    <div class="layer-ok-btn1"></div>
    <div class="layer-ok-btn2"></div>
ft活动上线
99cae283
 
libai committed
71 
</div>
ft活动上线
cafa97bf
 
libai committed
72 
<div class="m-bg">
ft活动上线
080bc5ce
 
libai committed
73
ft活动上线
99cae283
 
libai committed
74 
    <img class="ref" src="images/ref.png" alt="">
ft活动上线
080bc5ce
 
libai committed
75 
    <a href="rule.html"><img class="rule-btn" src="images/rule-btn.png" alt=""></a>
ft活动上线
cafa97bf
 
libai committed
76 77 78 79 80 81 82 83 84 85 86 
    <div class="banner"></div>
    <div class="top-btn1">
        <div data-type="1"></div>
        <div data-type="2"></div>
    </div>
    <div class="mc-box">
        <div class="gift-box"></div>
        <div class="list-bg">
            <div class="list-top-title">第一關: 新秀出道</div>
            <div class="list-text-box">
                <p class="list-text-p1">6月16日12:00-6月20日00:00</p>
ft活动上线
99cae283
 
libai committed
87 
                <p class="list-text-p2">今日目標: <span class="stage-get">10000積分（獎勵1000羽毛）</span><br>送出活動禮物<span>1羽毛=1積分</span></p>
ft活动上线
cafa97bf
 
libai committed
88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 
            </div>
            <ul class="list-ul">
                <!-- <li>
                    <div class="list-li-box1">3</div>
                    <div class="list-li-box2">
                        <img class="list-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                        <img class="list-user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                    </div>
                    <div class="list-li-box3">
                        <p class="list-li-p1">主播昵称预留</p>
                        <p class="list-li-p2">積分: 123456</p>
                    </div>
                    <div class="list-li-box4">
                        <div class="nav">進度:150%</div>
                    </div>
                </li> -->
            </ul>
        </div>
    </div>
    <div style="display: none;" class="user-box">
        <div class="task-bg ">
            <div class="user-btn1">
                <div data-type="1"></div>
                <div data-type="2"></div>
            </div>
            <div style="display: none;" class="task-content">
                <div class="task-text">
                    <p class="task-p1">完成應援任務可領取應援卡</p>
                    <p class="task-p2">獲得應援卡可至兌換中心兌換豐厚獎勵</p>
                </div>
                <div class="card-box">
                    <div class="card-img"><img src="images/card.png" alt=""></div>
                    <p>我的應援卡: <span class="my-card-num"></span></p>
                    <div class="record-btn"></div>
                </div>
                <div class="card-big-box">
                    <div class="task-box">
                        <div class="card-img"><img src="images/card.png" alt=""></div>
                        <p class="task-name">每日簽到</p>
                        <div class="task-nav-box"><div></div></div>
                        <div class="task-get-btn">未完成</div>
                        <img class="task-line" src="images/line.png" alt="">
                    </div>
                </div>


            </div>
            <div style="display: none;" class="exc-content">
                <div class="exc-time">15天20時55分</div>
                <div class="my-exc-box">
                    <p>我的應援卡: <span class="my-card-num"></span></p>
                    <div class="record-btn"></div>
                </div>
                <div class="exc-box">
                    <div data-type="1" class="exc-btn exc-btn1"></div>
                    <div data-type="2" class="exc-btn exc-btn2"></div>
                    <div data-type="3" class="exc-btn exc-btn3"></div>
                    <div data-type="4" class="exc-btn exc-btn4"></div>
                </div>
            </div>
        </div>
    </div>
    <div style="height: 2rem;"></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='2023120901'"></script>
<script src="lib/clipboard.js"></script>
<script>
$(function(){

    $(".top-btn1 div").on("click",function(){
        var _self=$(this)
        if(_self.attr("data-type")==1){
            $(".top-btn1").removeClass("top-btn2")
            list()
            $(".user-box").hide()
            $(".mc-box").fadeIn(250)
        
        }else{
            $(".top-btn1").addClass("top-btn2")
            $(".mc-box").hide()
            $(".user-box").fadeIn(250)
            $(".task-bg").removeClass("exc-bg")
            $(".task-content").show()
            $(".exc-content").hide()
ft活动上线
2a27b66d
 
libai committed
175 
            $(".user-btn1").removeClass("user-btn2")
ft活动上线
cafa97bf
 
libai committed
176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 
            task()
        }
    })
    $(".user-btn1 div").on("click",function(){
        var _self=$(this)
        if(_self.attr("data-type")==1){
            $(".task-bg").removeClass("exc-bg")
            $(".user-btn1").removeClass("user-btn2")
            $(".exc-content").hide()
            $(".task-content").fadeIn(250)
            task()
        }else{
            $(".task-bg").addClass("exc-bg")
            $(".user-btn1").addClass("user-btn2")
            $(".task-content").hide()
            $(".exc-content").fadeIn(250)
        }
    })
ft活动上线
14a8b074
 
libai committed
194 195 
    var excName=['','美眉激勵卡','vip*7天','love','豪華座駕*30天']
    var excRich=['','100','200','1000','9999']
ft活动上线
cafa97bf
 
libai committed
196 
    $(".exc-btn").on("click",function(){
ft活动上线
14a8b074
 
libai committed
197 
        var _self=$(this);
ft活动上线
080bc5ce
 
libai committed
198 
        $(".layer-ok-gift img").attr("src","images/g"+_self.attr("data-type")+".png")
ft活动上线
14a8b074
 
libai committed
199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 
        $(".layer-ok-name").text(excName[_self.attr("data-type")])
        $(".layer-ok-p1 span").text(excRich[_self.attr("data-type")])
        $(".layer-ok-p2 span").text(sessionStorage.myCard)
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["9.866rem", "8.533rem"],
            content: $(".layer-ok"),
            end: function () {
                $(".layui-layer-shade").hide()
            }
        })
        $(".layer-ok-btn1").unbind("click").on("click",function(){
            exc(_self.attr("data-type"))
        })
    })
    $(".layer-ok-btn2").on("click",function(){
        layer.closeAll()
ft活动上线
cafa97bf
 
libai committed
219 220 
    })
    list()
ft活动上线
99cae283
 
libai committed
221 222 223 
    var numTitle=['','第一關: 新秀出道','第二關: 嶄露頭角','第三關: 光芒萬丈']
    var numTitle2=['','6月16日12:00-6月20日00:00','6月21日00:00-6月26日00:00','6月26日00:00-7月1日00:00']
ft活动上线
cafa97bf
 
libai committed
224 225 226 227 228 229 
    function list(){
        $.ajax({
            url:$ip+'/actRaisingBeautifulGril/getRankData.html',
            success:function(data){
                console.log("主播榜單",data)
                var html=[];
ft活动上线
99cae283
 
libai committed
230 231 232 
                $(".list-top-title").text(numTitle[data.stage])
                $(".list-text-p1").text(numTitle2[data.stage])
                $(".stage-get").text(""+data.result.targetData.stageScore+"積分（獎勵"+data.result.targetData.stageBonds+"羽毛）")
ft活动上线
cafa97bf
 
libai committed
233 234 235 236 237 238 
                for(var i=0;i<data.result.rankList.length;i++){
                    var list=data.result.rankList[i]
                    html+='<li>';
                    html+='<div class="list-li-box1">'+(i+1)+'</div>';
                    html+='<div class="list-li-box2">';
                    if(i==0)html+='<img class="m1" src="images/m1.png">'
ft活动上线
99cae283
 
libai committed
239 240 
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-mc-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt=""></a>';
                    if(list.fansRank[0]!=undefined)html+='<a href="yazhai://_' + list.fansRank[0].uid + '_zone"><img class="list-user-face" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_80" alt=""></a>';
ft活动上线
cafa97bf
 
libai committed
241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 
                    html+='</div>';
                    html+='<div class="list-li-box3">';
                    html+='<p class="list-li-p1">'+list.name+'</p>';
                    html+='<p class="list-li-p2">積分: '+list.score+'</p>';
                    html+='</div>';
                    html+='<div class="list-li-box4">';
                    var barWidth=Math.floor(list.score/10000*100)
                    html+='<div class="nav">進度:'+barWidth+'%</div>';
                    html+='</div>';
                    html+='<img class="list-line" src="images/line.png">'
                    html+='</li>';
                }
                $(".list-ul").html(html)
            }
        })
    }
ft活动上线
99cae283
 
libai committed
257
ft活动上线
cafa97bf
 
libai committed
258 259 260 261 262 263 264 265 
    function exc(e){
        $.ajax({
            url:$ip+'/actRaisingBeautifulGril/exchangeSupportCard.html',
            data:{
                exchangeItem:e
            },
            success:function(data){
                console.log('应援卡兑换奖品',data)
ft活动上线
14a8b074
 
libai committed
266 267 268 269 270 271 272 
                if(data.code!=1){
                    layer.msg(data.msg)
                    return
                }
                layer.closeAll()
                task()
                layer.msg("兌換成功")
ft活动上线
cafa97bf
 
libai committed
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 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 
            }
        })
    }
    var taskName=[
        '',
        '每日簽到',
        '送出一個活動禮物',
        '觀看直播20分鐘',
        '每日聊天',
        '每日首次儲值',
        '連續登錄3天',
        '連續登錄5天',
        '連續登錄7天',
        '累計儲值500寶石',
        '累計儲值1888寶石',
        '累計儲值3888寶石',
        '累計儲值18888寶石',
        '累計儲值88888寶石',
    ]
    function task(){
        $.ajax({
            url:$ip+'/actRaisingBeautifulGril/getUserTaskData.html',
            success:function(data){
                console.log('获取任务数据',data)
                sessionStorage.myCard=data.result.userSupportCardNum
                $(".my-card-num").text(data.result.userSupportCardNum)
                var html=[];
                for(var i=0;i<data.result.taskList.length;i++){

                    var list=data.result.taskList[i]
                    switch (list.taskId) {
                        case 1:
                        var barWidth=0
                        var taskText=''
                        break;
                        case 2:       
                        var barWidth=0
                        var taskText=''
                        break;
                        case 3:
                        var barWidth=Math.floor(list.userWatchTime/1200*100)
                        var taskText='('+Math.floor(list.userWatchTime/60)+'/20)'
                        break;
                        case 4:
                        var barWidth=Math.floor(list.speakMsgNum *10/100*100)
                        var taskText='('+list.speakMsgNum+'/10)'
                        break;
                        case 5:
                        var barWidth=0
                        var taskText=''
                        break;
                        case 6:
                        var barWidth=Math.floor(list.loginDays/3*100)
                        var taskText='('+list.loginDays+'/3)'
                        break;
                        case 7:
                        var barWidth=Math.floor(list.loginDays/5*100)
                        var taskText='('+list.loginDays+'/5)'
                        break;
                        case 8:
                        var barWidth=Math.floor(list.loginDays/7*100)
                        var taskText='('+list.loginDays+'/7)'
                        break;
                        case 9:
ft活动上线
2a27b66d
 
libai committed
337 338 
                        var barWidth=Math.floor(list.diamond/500*100)
                        var taskText='('+list.diamond+'/500)'
ft活动上线
cafa97bf
 
libai committed
339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 
                        break;
                        case 10:
                        var barWidth=Math.floor(list.diamond/1888*100)
                        var taskText='('+list.diamond+'/1888)'
                        break;
                        case 11:
                        var barWidth=Math.floor(list.diamond/3888*100)
                        var taskText='('+list.diamond+'/3888)'
                        break;
                        case 12:
                        var barWidth=Math.floor(list.diamond/18888*100)
                        var taskText='('+list.diamond+'/18888)'
                        break;
                        case 13:
                        var barWidth=Math.floor(list.diamond/88888*100)
                        var taskText='('+list.diamond+'/88888)'
                        break;
                    }
                    html+='<div class="task-box">';
                    html+='<div class="card-img"><img src="images/card.png" alt=""><span>x'+list.taskSupportCardNum+'</span></div>';
                 
                    html+='<p class="task-name">'+taskName[list.taskId]+''+taskText+'</p>';
                    if(list.taskStatus>0){
                        barWidth=100
                    }
                    html+='<div class="task-nav-box"><div style="width:'+barWidth+'%"></div></div>';
                    if(list.taskStatus==0)html+='<div class="task-get-btn task-get-btn1">未完成</div>';
ft活动上线
99cae283
 
libai committed
366 
                    else if(list.taskStatus==1)html+='<div data-type="'+list.taskId+'" class="task-get-btn task-get-btn2">领取</div>';
ft活动上线
cafa97bf
 
libai committed
367 368 369 370 371 
                    else if(list.taskStatus==2)html+='<div class="task-get-btn task-get-btn3">已领取</div>';
                    html+='<img class="task-line" src="images/line.png" alt="">';
                    html+='</div>';
                }
                $(".card-big-box").html(html)
ft活动上线
99cae283
 
libai committed
372 373 374 375 
                $(".task-get-btn2").unbind("click").on("click",function(){
                    var _self=$(this)
                    getTask(_self.attr("data-type"))
                })
ft活动上线
cafa97bf
 
libai committed
376 377 378 
            }
        })
    }
ft活动上线
99cae283
 
libai committed
379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 
    function getTask(e){
        $.ajax({
             url:$ip+'/actRaisingBeautifulGril/receiveTaskRewards.html',
             data:{
                taskId:e
             },
             success:function(data){
                console.log("領取任務獎勵",data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                layer.msg("領取成功")
                task()
             }
        })
    }
ft活动上线
14a8b074
 
libai committed
396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 
    $(".record-btn").on("click",function(){
        record()
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["9.986rem", "9.04rem"],
            content: $(".layer-exc"),
            end: function () {
                $(".layui-layer-shade").hide()
            }
        })
    })
ft活动上线
cafa97bf
 
libai committed
411 412 413 414 415 
    function record(){
        $.ajax({
            url:$ip+'/actRaisingBeautifulGril/queryExchangeRecord.html',
            success:function(data){
                console.log('應援卡兌換記錄',data)
ft活动上线
14a8b074
 
libai committed
416 
                var html=[];
ft活动上线
b2e5f25f
 
libai committed
417 418 
                for(var i=0;i<data.result.exchangeList.length;i++){
                    var list=data.result.exchangeList[i]
ft活动上线
14a8b074
 
libai committed
419 420 421 422 423 424 425 
                    html+='<li>';
                    html+='<div class="layer-exc-box1">'+list.prizeName+'</div>';
                    html+='<div class="layer-exc-box2">'+list.priceSupportCardNum+'個</div>';
                    html+='<div class="layer-exc-box3">'+timeGet(list.exchangeTimeStamp)[1]+'.'+timeGet(list.exchangeTimeStamp)[2]+' '+timeGet(list.exchangeTimeStamp)[3]+':'+timeGet(list.exchangeTimeStamp)[4]+'</div>';
                    html+='</li>';
                }
                $(".layer-exc-ul").html(html)
ft活动上线
cafa97bf
 
libai committed
426 427 428 429 430 431 
            }
        })
    }
})
</script>
</html>