140 lines
4.4 KiB
JavaScript
140 lines
4.4 KiB
JavaScript
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} .tx`).attr('src', res.avatar);
|
|
$(`.page2 .top3Box .no${i} .name`).text(res.nick);
|
|
$(`.page2 .top3Box .no${i} p`).text(`${rankType == 2 ? "守護值" : "女神值"}`);
|
|
$(`.page2 .top3Box .no${i} .score`).text(unitProcessing(res.score, 10000, 1, 'w'));
|
|
})
|
|
// 非前三
|
|
$('.page2 ul li').remove();
|
|
var str = '';
|
|
notTop3.forEach((res, i) => {
|
|
str += `
|
|
<li>
|
|
<div class="num">${res.ranking}</div>
|
|
<img src="${res.avatar}" alt="" class="tx">
|
|
<div class="name">${res.nick}</div>
|
|
<div class="score">${rankType == 2 ? "守護值" : "女神值"}:${unitProcessing(res.score, 10000, 1, 'w')}</div>
|
|
</li>
|
|
`
|
|
})
|
|
$('.page2 ul li').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);
|
|
}) |