GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-06-01 21:59:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化多个组件的 VInfiniteScroll 属性，将 overflow-hidden 修改为 overflow-visible，以改善滚动体验。同时，更新 PluginCard.vue 的样式，添加 card-backdrop 和 card-backdrop-blur 类，提升视觉效果。

Browse Source
This commit is contained in:
jxxghp
2025-04-18 14:43:32 +08:00
parent 476d2f7e81
commit 06f4898ce8
11 changed files with 45 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/discover/MediaCardListView.vue
View File

@@ -109,7 +109,7 @@ async function fetchData({ done }: { done: any }) {
<template>
<LoadingBanner v-if="!isRefreshed" class="mt-12" />
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-hidden" @load="fetchData">
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible" @load="fetchData">
<template #loading />
<template #empty />
<div v-if="dataList.length > 0" class="grid gap-4 grid-media-card" tabindex="0">

2
src/views/discover/PersonCardListView.vue
View File

@@ -110,7 +110,7 @@ async function fetchData({ done }: { done: any }) {
<template>
<LoadingBanner v-if="!isRefreshed" class="mt-12" />
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-hidden" @load="fetchData">
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible" @load="fetchData">
<template #loading />
<template #empty />
<div v-if="dataList.length > 0" class="grid gap-4 grid-media-card" tabindex="0">

2
src/views/plugin/PluginCardListView.vue
View File

@@ -622,7 +622,7 @@ onMounted(async () => {
side="end"
:items="displayUninstalledList"
@load="loadMarketMore"
class="overflow-hidden"
class="overflow-visible"
>
<template #loading />
<template #empty />

2
src/views/subscribe/SubscribePopularView.vue
View File

@@ -107,7 +107,7 @@ async function fetchData({ done }: { done: any }) {
<template>
<LoadingBanner v-if="!isRefreshed" class="mt-12" />
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-hidden" @load="fetchData">
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible" @load="fetchData">
<template #loading />
<template #empty />
<div v-if="dataList.length > 0" class="grid gap-4 grid-media-card" tabindex="0">

2
src/views/subscribe/SubscribeShareView.vue
View File

@@ -117,7 +117,7 @@ function removeData(id: number) {
<template>
<VPageContentTitle v-if="keyword" :title="`搜索：${keyword}`" />
<LoadingBanner v-if="!isRefreshed" class="mt-12" />
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-hidden" @load="fetchData">
<VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible" @load="fetchData">
<template #loading />
<template #empty />
<div v-if="dataList.length > 0" class="grid gap-4 grid-subscribe-card" tabindex="0">

2
src/views/system/MessageView.vue
View File

@@ -101,7 +101,7 @@ onBeforeUnmount(() => {
:mode="!isLoaded ? 'intersect' : 'manual'"
side="start"
:items="messages"
class="overflow-hidden"
class="overflow-visible"
@load="loadMessages"
load-more-text="加载更多 ..."
>

2
src/views/torrent/TorrentCardListView.vue
View File

@@ -598,7 +598,7 @@ function loadMore({ done }: { done: any }) {
</VDialog>
<!-- 资源列表 -->
<VInfiniteScroll mode="intersect" side="end" :items="displayDataList" class="overflow-hidden" @load="loadMore">
<VInfiniteScroll mode="intersect" side="end" :items="displayDataList" class="overflow-visible" @load="loadMore">
<template #loading />
<template #empty />
<div class="grid gap-4 grid-torrent-card items-start">

2
src/views/torrent/TorrentRowListView.vue
View File

@@ -583,7 +583,7 @@ onMounted(() => {
mode="intersect"
side="end"
:items="displayDataList"
class="resource-list overflow-hidden"
class="resource-list overflow-visible"
@load="loadMore"
>
<template #loading />