Ivan/xtraderClient
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改：首屏未占满时自动再加载一页

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
马丁 2026-07-23 23:22:33 +08:00
parent 4c77d3080c
commit d6f1cd956e
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/Home.vue
View File

@ -450,9 +450,12 @@ async function loadEvents(page: number, append: boolean, keyword?: string) {
pageSize: eventPageSize.value,
})
// 首屏/刷新后：若未占满可视区域且还有数据，再自动加载一页
if (!append) {
nextTick(() => {
fillViewportIfNeeded()
})
}
} catch (e) {
console.log(e)
if (!append) eventList.value = []
@ -480,6 +483,21 @@ function getMainScrollEl(): Element | null {
return document.querySelector('[data-main-scroll]')
}
/** 内容未撑满滚动容器可视高度时返回 true */
function isContentShorterThanViewport(): boolean {
const el = getMainScrollEl()
if (el) {
return el.scrollHeight <= el.clientHeight + SCROLL_LOAD_THRESHOLD
}
return document.documentElement.scrollHeight <= window.innerHeight + SCROLL_LOAD_THRESHOLD
}
/** 首屏加载后若未占满屏幕且还有更多数据，再触发一次 loadMore */
function fillViewportIfNeeded() {
if (loadingMore.value || eventList.value.length === 0 || noMoreEvents.value) return
if (isContentShorterThanViewport()) loadMore()
}
function checkScrollLoad() {
if (loadingMore.value || eventList.value.length === 0 || noMoreEvents.value) return
const el = getMainScrollEl()