108 lines
3.3 KiB
JavaScript
108 lines
3.3 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
|
let browser = checkVersion()
|
|
// 获取用户的游戏记录
|
|
let recordList = []
|
|
let page = 1
|
|
let pageSize = 10
|
|
let canNext = true;
|
|
|
|
|
|
var lisIndex = 0;
|
|
const toastMsg = (content = '', time = 2) => {
|
|
layer.open({
|
|
content,
|
|
time,
|
|
skin: 'msg'
|
|
})
|
|
}
|
|
|
|
$(function () {
|
|
getInfoFromClient()
|
|
if (EnvCheck() === 'test') { new VConsole }
|
|
setTimeout(function () {
|
|
getUserRecord()
|
|
}, 100)
|
|
|
|
const getUserRecord = () => {
|
|
canNext = false
|
|
networkRequest({
|
|
type: 'GET',
|
|
url: urlPrefix + '/act/luckySea/listDrawRecord',
|
|
data: {
|
|
page,
|
|
pageSize
|
|
},
|
|
success (res) {
|
|
if (res.code === 200) {
|
|
if (res.data.length != 0) {
|
|
// 能够继续请求下一页
|
|
canNext = true
|
|
} else {
|
|
canNext = false
|
|
}
|
|
recordList.push(...res.data)
|
|
renderRecord(res)
|
|
} else {
|
|
canNext = true
|
|
toastMsg(res.message)
|
|
}
|
|
},
|
|
error (err) {
|
|
canNext = true
|
|
toastMsg('網絡錯誤，請退出重進')
|
|
}
|
|
})
|
|
}
|
|
// 渲染游戏记录
|
|
const renderRecord = (res) => {
|
|
if (recordList.length === 0) {
|
|
$('.record-list').hide();
|
|
$('.img').show();
|
|
} else {
|
|
$('.record-list').show();
|
|
$('.img').hide();
|
|
var str = '';
|
|
let str2 = '';
|
|
let drawId = [];;
|
|
var results = [];
|
|
var lisIndexId = 0;
|
|
console.log(res.data)
|
|
res.data.forEach((res, index) => {
|
|
drawId.push(res.drawId);
|
|
str += `
|
|
<li style="margin-bottom: 0.8rem;">
|
|
<h3>${dateFormat(res.drawTime, 'yy-MM-dd hh:mm:ss')}</h3>
|
|
<div class="goldBox">
|
|
<span>遊戲獎勵：</span>
|
|
<span class="gold">${res.reward}鉆石</span>
|
|
</div>
|
|
<div class="marine_organism"></div>
|
|
<p style="display: ${res.drawStatus == 1 ? 'none' : 'block'};" class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
|
|
<p style="display: ${res.drawStatus == 1 ? 'block' : 'none'};" class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
|
|
</li>
|
|
`
|
|
results.push(res.results);
|
|
});
|
|
$('.record-list').append(str)
|
|
results.forEach((res, index) => {
|
|
res.forEach(val => {
|
|
$('.record-list li').eq(lisIndex).children('.marine_organism').append(`<span class='${drawId[lisIndexId] == val.itemId ? 'active' : ''}'><img src="${val.itemUrl}" alt=""><b>+${val.costPiece}</b></span>`)
|
|
})
|
|
lisIndex = lisIndex + 1;
|
|
lisIndexId = lisIndexId + 1;
|
|
});
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
$(window).scroll(function () {
|
|
if ($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
|
|
// 请求下一页
|
|
if (canNext) {
|
|
getUserRecord(page++)
|
|
} else {
|
|
console.log('无数据被锁定');
|
|
}
|
|
}
|
|
}); |