134 lines
5.0 KiB
JavaScript
134 lines
5.0 KiB
JavaScript
// 封装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'
|
|
})
|
|
}
|
|
let urlPrefix = getUrlPrefix();
|
|
let browser = checkVersion()
|
|
let env = EnvCheck();
|
|
var page = 1;
|
|
var page1Locak1 = true;
|
|
if (env == 'test') {
|
|
new VConsole();
|
|
}
|
|
// 初始化函数
|
|
$(function () {
|
|
getInfoFromClient()
|
|
setTimeout(function () {
|
|
// 返回事件
|
|
$('.back').click(() => {
|
|
if (browser.app) {
|
|
if (browser.android) {
|
|
window.androidJsObj.closeWebView();
|
|
} else {
|
|
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
|
}
|
|
} else {
|
|
toastMsg('请在APP内打开')
|
|
}
|
|
})
|
|
getDrawReward(page);
|
|
}, 100)
|
|
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
|
})
|
|
// 获取夺宝记录接口
|
|
function getDrawReward (page) {
|
|
showLoading()
|
|
networkRequest({
|
|
type: 'GET',
|
|
url: urlPrefix + '/act/seize-treasure/draw/record',
|
|
data: { uid: pubInfo.uid, pageSize: 10, page },
|
|
success (res) {
|
|
if (res.code === 200) {
|
|
var str = '';
|
|
if (page == 1 && res.data.length == 0) {
|
|
str = `<li class="active"></li>`;
|
|
} else {
|
|
res.data.forEach((res, i) => {
|
|
str += `
|
|
<li>
|
|
<div class="txBox">
|
|
<img class="txBoxImg${i + 1}" src="${res.rewardPicUrl}" alt="">
|
|
</div>
|
|
<div class="giftName">${res.rewardName}</div>
|
|
<div class="score">${dateFormat(res.drawTime, 'yyyy.MM.dd')}</div>
|
|
<div class="probability">${dateFormat(res.drawTime, 'hh:mm:ss')}</div>
|
|
</li>
|
|
`;
|
|
});
|
|
}
|
|
$('.ul').append(str);
|
|
res.data.forEach((res, i) => {
|
|
if (res.rewardType == "activityProps") {
|
|
//活动道具
|
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
|
} else if (res.rewardType == "gift") {
|
|
//礼物
|
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
|
} else if (res.rewardType == "namePlate") {
|
|
//铭牌
|
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.6rem", "height": "0.5rem", "top": "1rem" });
|
|
} else if (res.rewardType == "car") {
|
|
//座驾
|
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.8rem", "height": "1.3rem", "top": "0.9066666667rem" });
|
|
} else if (res.rewardType == "headwear") {
|
|
//头饰
|
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
|
} else if (res.rewardType == "chatBubble") {
|
|
//气泡
|
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
|
} else if (res.rewardType == "infoCard") {
|
|
//资料卡
|
|
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4rem", "height": "1rem", "top": "1.1rem" });
|
|
}
|
|
})
|
|
if (res.data.length == 0) {
|
|
page1Locak1 = false;
|
|
} else {
|
|
page1Locak1 = true;
|
|
}
|
|
hideLoading(layerIndex)
|
|
} else {
|
|
page1Locak1 = true;
|
|
toastMsg(res.message)
|
|
hideLoading(layerIndex)
|
|
}
|
|
},
|
|
error (err) {
|
|
page1Locak1 = true;
|
|
hideLoading(layerIndex)
|
|
toastMsg('网络错误，请退出重进')
|
|
}
|
|
})
|
|
}
|
|
//检测是否到达底部
|
|
$(".ul").scroll(function () {
|
|
var divHeight = $(this).height();
|
|
var nScrollHeight = $(this)[0].scrollHeight;
|
|
var nScrollTop = $(this)[0].scrollTop;
|
|
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
|
|
if (page1Locak1) {
|
|
page++;
|
|
console.log("到达底部了");
|
|
page1Locak1 = false;
|
|
getDrawReward(page)
|
|
}
|
|
}
|
|
}); |