gitea/legado
gitea/legado
1
1
Fork 0
mirror of https://github.com/gedoor/legado.git synced 2024-07-06 23:47:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

web: 优化目录跳转

Browse Source
This commit is contained in:
Xwite 2023-05-11 13:20:19 +08:00
parent b9600aac5a
commit a5bd387145
2 changed files with 15 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
modules/web/src/components/PopCatalog.vue
View File

@ -1,5 +1,8 @@
<template>
<div class="cata-wrapper" :style="popupTheme">
<div
:class="{ 'cata-wrapper': true, visible: popCataVisible }"
:style="popupTheme"
>
<div class="title">目录</div>
<virtual-list
style="height: 300px; overflow: auto"
@ -53,23 +56,13 @@ const virtualListdata = computed(() => {
while (i < length) {
virtualListDataSource[i] = {
index: i,
catas: catalogValue.slice(2 * i, 2 * i + 2)
}
catas: catalogValue.slice(2 * i, 2 * i + 2),
};
i++;
}
return virtualListDataSource;
});
const virtualListRef = ref();
const virtualListIndex = computed(() => {
if (miniInterface.value) return index.value;
return Math.floor(index.value / 2);
});
watch(popCataVisible, (visible) => {
if (visible) return; // 页面可见时，虚拟列表内部sizes Map全为0
nextTick(() => virtualListRef.value.scrollToIndex(virtualListIndex.value));
});
const emit = defineEmits(["getContent"]);
const gotoChapter = (note) => {
index.value = catalog.value.indexOf(note);
@ -77,11 +70,16 @@ const gotoChapter = (note) => {
store.setContentLoading(true);
emit("getContent", index.value);
};
const virtualListRef = ref();
const virtualListIndex = computed(() => {
if (miniInterface.value) return index.value;
return Math.floor(index.value / 2);
});
onUpdated(() => {
// catalog变化触发dom更新和ResizeObserver，更新虚拟列表内部的sizes Map
store.popCataVisible = false;
// 触发popCataVisible watcher
// virtualListRef.value.scrollToIndex(index.value)
// dom更新触发ResizeObserver，更新虚拟列表内部的sizes Map
virtualListRef.value.scrollToIndex(virtualListIndex.value);
});
</script>

2
modules/web/src/views/BookChapter.vue
View File

@ -520,8 +520,6 @@ onMounted(() => {
let data = res.data.data;
store.setCatalog(data);
store.setReadingBook(book);
// 目录使用虚拟列表显示，需要手动显示一次以便滚动到当前位置
store.popCataVisible = true;
getContent(chapterIndex, true, chapterPos);
window.addEventListener("keyup", handleKeyPress);