let urlPrefix = getUrlPrefix() let browser = checkVersion() let env = EnvCheck(); if (env == 'test') { new VConsole(); } // 封裝layer消息提醒框 let layerIndex const showLoading = (content = '加載中...') => { layer.open({ type: 2, shadeClose: false, content, success (e) { layerIndex = $(e).attr('index') } }) } const hideLoading = (index) => { layer.close(index) } const toastMsg = (content = '操作完成', time = 2) => { layer.open({ content, time, skin: 'msg' }) } var rankType = 2; // 初始化函數 $(function () { getInfoFromClient() setTimeout(function () { // 頁面全屏 if (browser.app) { if (browser.android) { window.androidJsObj.initShowNav(false) } else { window.webkit.messageHandlers.initShowNav.postMessage(0) } }; // 頂部返回事件 $('.back').click(() => { if (browser.android) { window.androidJsObj.closeWebView() } else { window.webkit.messageHandlers.closeWebView.postMessage(null) } }) }, 100) }) // 獲取榜單接口 function getRank () { showLoading() networkRequest({ type: 'get', url: urlPrefix + '/act/special/gift/getRank', data: { rankType, pageSize: 30 }, success (res) { if (res.code === 200) { // 處理前三 var top3 = res.data.rankList.slice(0, 3); var notTop3 = res.data.rankList.slice(3); if (top3.length < 3) { let arr = new Array(3 - top3.length).fill({ avatar: './images/logo.png', nick: '虛位以待', score: "0", }) top3.push(...arr) } top3.forEach((res, i) => { $(`.page2 .top3Box .no${i + 1} .tx`).attr('src', res.avatar); $(`.page2 .top3Box .no${i + 1} .name`).text(res.nick); $(`.page2 .top3Box .no${i + 1} p`).text(`${rankType == 2 ? "守護值" : "女神值"}`); $(`.page2 .top3Box .no${i + 1} .score`).text(unitProcessing(res.score, 10000, 1, 'w')); }) // 非前三 $('.page2 ul li').remove(); var str = ''; notTop3.forEach((res, i) => { str += `
  • ${res.ranking}
    ${res.nick}
    ${rankType == 2 ? "守護值" : "女神值"}:${unitProcessing(res.score, 10000, 1, 'w')}
  • ` }) $('.page2 ul').append(str); // 處理自己榜單 $('.page2 .my .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking); $('.page2 .my .tx').attr('src', res.data.meRank.avatar); $('.page2 .my .name').text(res.data.meRank.nick); $('.page2 .my .score').text(`${rankType == 2 ? "守護值:" : "女神值:"}${unitProcessing(res.data.meRank.score, 10000, 1, 'w')}`); } else { toastMsg(res.message) } hideLoading(layerIndex) }, error (err) { hideLoading(layerIndex) toastMsg('網路錯誤,請退出重進') } }) } // tab切換 $('.tabBox div').click(function () { var i = $(this).index() + 1; $('.tabBox div').removeClass('tabAct1').removeClass('tabAct2'); $(this).addClass(`tabAct${i}`); $('.page1,.page2').hide(); $(`.page${i}`).show(); if (i == 2) { getRank(); } }) $('.page2 .tablist div').click(function () { var i = $(this).index() + 1; $(this).addClass('act').siblings().removeClass('act'); rankType = i == 1 ? 2 : 4; getRank(); }) // 打開規則 $('.header .rule_icon').click(function () { $('.rule').show(); bodyScroolFun(true); }) // 關閉規則 $('.rule').click(function () { $('.rule').hide(); bodyScroolFun(false); })