GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-07 00:36:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix ui

Browse Source
This commit is contained in:
jxxghp
2024-04-28 21:45:16 +08:00
parent 14a825093a
commit 1846ee0ffe
1 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/plugin/PluginCardListView.vue
+36 -36
View File
@@ -165,7 +165,8 @@ const filterPlugins = computed(() => {
// 需要忽略大小写 // 需要忽略大小写
return ( return (
item.plugin_name?.toLowerCase().includes(keyword.value.toLowerCase()) || item.plugin_name?.toLowerCase().includes(keyword.value.toLowerCase()) ||
item.plugin_desc?.toLowerCase().includes(keyword.value.toLowerCase()) item.plugin_desc?.toLowerCase().includes(keyword.value.toLowerCase()) ||
!keyword
) )
}) })
}) })
@@ -205,7 +206,6 @@ async function fetchUninstalledPlugins() {
data.has_update = true data.has_update = true
data.repo_url = uninstalled.repo_url data.repo_url = uninstalled.repo_url
data.history = uninstalled.history data.history = uninstalled.history
data.plugin_label = uninstalled.plugin_label
} }
} }
} }
@@ -430,41 +430,41 @@ onBeforeMount(async () => {
/> />
</VToolbar> </VToolbar>
<DialogCloseBtn @click="closeSearchDialog" /> <DialogCloseBtn @click="closeSearchDialog" />
<VList v-if="filterPlugins.length > 0" lines="two"> <VList v-if="filterPlugins.length > 0" lines="three">
<template v-for="(item, i) in filterPlugins" :key="i"> <VVirtualScroll :items="filterPlugins">
<VListItem @click="openPlugin(item)"> <template #default="{ item }">
<template #prepend> <VListItem @click="openPlugin(item)">
<VAvatar> <template #prepend>
<VImg :src="pluginIcon(item)" @error="pluginIconError(item)"> <VAvatar>
<template #placeholder> <VImg :src="pluginIcon(item)" @error="pluginIconError(item)">
<div class="w-full h-full"> <template #placeholder>
<VSkeletonLoader class="object-cover aspect-w-1 aspect-h-1" /> <div class="w-full h-full">
</div> <VSkeletonLoader class="object-cover aspect-w-1 aspect-h-1" />
</template> </div>
</VImg> </template>
</VAvatar> </VImg>
</template> </VAvatar>
<VListItemTitle> </template>
{{ item.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">v{{ item?.plugin_version }}</span> <VListItemTitle>
<VIcon v-if="item.installed" color="success" icon="mdi-check-circle" class="ms-2" size="small" /> {{ item.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">v{{ item?.plugin_version }}</span>
</VListItemTitle> <VIcon v-if="item.installed" color="success" icon="mdi-check-circle" class="ms-2" size="small" />
<VListItemSubtitle class="mt-2"> </VListItemTitle>
<VChip <VListItemSubtitle class="mt-2">
v-for="label in pluginLabels(item.plugin_label)" <VChip
variant="tonal" v-for="label in pluginLabels(item.plugin_label)"
size="small" variant="tonal"
class="me-1 my-1" size="small"
color="info" class="me-1 my-1"
label color="info"
> label
{{ label }} >
</VChip> {{ label }}
<span> </VChip>
{{ item.plugin_desc }} {{ item.plugin_desc }}
</span> </VListItemSubtitle>
</VListItemSubtitle> </VListItem>
</VListItem> </template>
</template> </VVirtualScroll>
</VList> </VList>
</VCard> </VCard>
</VDialog> </VDialog>