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 14:41:29 +08:00
parent fc56d653b1
commit e12ad9ef4d
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,5 @@
<template>
<div
:class="{ 'cata-wrapper': true, visible: popCataVisible }"
:style="popupTheme"
>
<div :class="{ 'cata-wrapper': true, correctSize }" :style="popupTheme">
<div class="title">目录</div>
<virtual-list
style="height: 300px; overflow: auto"
@ -77,9 +74,12 @@ const virtualListIndex = computed(() => {
return Math.floor(index.value / 2);
});
onUpdated(() => {
// dom更新触发ResizeObserver，更新虚拟列表内部的sizes Map
virtualListRef.value.scrollToIndex(virtualListIndex.value);
const correctSize = ref(false);
watch(popCataVisible, (visible) => {
// 组件挂载时不可见 virtualList计算首屏的size为0 重新触发其内部的ResizeObserver
if (visible && !correctSize.value) correctSize.value = true
if (!visible) return;
nextTick(() => virtualListRef.value.scrollToIndex(virtualListIndex.value));
});
</script>