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

Revert "web: 减少重绘"

Browse Source 
This reverts commit e12ad9ef4d.
This commit is contained in:
Xwite 2023-05-11 15:11:20 +08:00
parent f9950a7b24
commit 98d878f29d
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,5 +1,8 @@
<template>
<div :class="{ 'cata-wrapper': true, correctSize }" :style="popupTheme">
<div
:class="{ 'cata-wrapper': true, visible: popCataVisible }"
:style="popupTheme"
>
<div class="title">目录</div>
<virtual-list
style="height: 300px; overflow: auto"
@ -74,12 +77,9 @@ const virtualListIndex = computed(() => {
return Math.floor(index.value / 2);
});
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));
onUpdated(() => {
// dom更新触发ResizeObserver，更新虚拟列表内部的sizes Map
virtualListRef.value.scrollToIndex(virtualListIndex.value);
});
</script>