jxxghp / MoviePilot-Frontend

MoviePilot前端
MIT License
177 stars 123 forks source link

TorrentCardListView.vue 显示性能优化 #160

Closed falling closed 2 months ago

falling commented 2 months ago

显示性能优化,默认只显示前面20个,页面滚到底部才会再加载新的数据。

手动撸的,个人测试了下电脑端和安卓端,效果还是有的。苹果的没设备测试。

jxxghp commented 2 months ago

@falling 是否会影响过滤生成?

falling commented 2 months ago

@falling 是否会影响过滤生成?

不会,过滤会重新清空生成内容,然后显示前面20条内容,滚到底部加载的也是满足过滤条件的新内容。

falling commented 2 months ago

@jxxghp 已经更换成公用组件VInfiniteScroll

jxxghp commented 2 months ago

其实还有个问题,就是如果没有装满一屏,应该装满直到有滚动条。20个不一定能在所有屏幕出现滚动条。

falling commented 2 months ago

@jxxghp 我有测试,比如代码层面设置第一次只显示3个(没有装满一屏),后续滚到底每次加载2个。

刚刚开始的时候就会自动加载直到出现滚动条。