document.addEventListener('DOMContentLoaded', () => {
let isLoading = false;
let queryData = { cid: -999, start: -999, count: 48 };
let total = -999;
$.ajax({
url: Joe.BASE_API,
type: 'POST',
data: { routeType: 'wallpaper_type' },
success(res) {
if (res.code !== 1) return $('.joe_wallpaper__type-list').html('壁纸抓取失败！请联系作者！');
if (!res.data.length) return $('.joe_wallpaper__type-list').html(`暂无数据！`);
let htmlStr = '';
res.data.forEach(_ => (htmlStr += `${_.name}`));
$('.joe_wallpaper__type-list').html(htmlStr);
$('.joe_wallpaper__type-list .item').first().click();
}
});
$('.joe_wallpaper__type-list').on('click', '.item', function () {
const cid = $(this).attr('data-cid');
if (isLoading) return;
$(this).addClass('active').siblings().removeClass('active');
queryData.cid = cid;
queryData.start = 0;
renderDom();
});
function renderDom() {
window.scrollTo({ top: 0, behavior: 'smooth' });
$('.joe_wallpaper__list').html('');
isLoading = true;
$.ajax({
url: Joe.BASE_API,
type: 'POST',
data: {
routeType: 'wallpaper_list',
cid: queryData.cid,
start: queryData.start,
count: queryData.count
},
success(res) {
if (res.code !== 1) return (isLoading = false);
isLoading = false;
let htmlStr = '';
res.data.forEach(_ => {
htmlStr += `
`;
});
$('.joe_wallpaper__list').html(htmlStr);
total = res.total;
initPagination();
}
});
}
function initPagination() {
let htmlStr = '';
if (queryData.start / queryData.count !== 0) {
htmlStr += `
`;
}
htmlStr += ``;
if (queryData.start != total - queryData.count) {
htmlStr += `
`;
}
if (queryData.start < total - queryData.count) htmlStr += ``;
$('.joe_wallpaper__pagination').html(htmlStr);
}
$('.joe_wallpaper__pagination').on('click', '.joe_wallpaper__pagination-item', function () {
const start = $(this).attr('data-start');
if (!start || isLoading) return;
queryData.start = Number(start);
renderDom();
});
});