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

优化支持站点的显示逻辑

Browse Source
This commit is contained in:
jxxghp
2025-07-21 12:49:55 +08:00
parent 4e0fe2f449
commit 58acde2292
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/setting/AccountSettingAbout.vue
+14 -12
View File
@@ -208,24 +208,26 @@ onMounted(() => {
<dt class="block text-sm font-bold">{{ t('setting.about.supportingSites') }}</dt> <dt class="block text-sm font-bold">{{ t('setting.about.supportingSites') }}</dt>
<dd class="flex text-sm sm:col-span-2 sm:mt-0"> <dd class="flex text-sm sm:col-span-2 sm:mt-0">
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="flex flex-wrap gap-2 mt-1"> <div class="flex flex-wrap gap-2 mt-1 ms-1">
<VChip v-for="site in displayedSites" :key="site.name" variant="outlined" size="small"> <VChip v-for="site in displayedSites" :key="site.name" variant="outlined" size="small">
<span class="truncate max-w-32">{{ site.name }}</span> <span class="truncate max-w-32">{{ site.name }}</span>
</VChip> </VChip>
</div> <VChip
<div v-if="uniqueSupportingSites.length > 5" class="flex justify-start"> v-if="!sitesExpanded && uniqueSupportingSites.length > 5"
<VBtn variant="tonal"
variant="text"
size="small" size="small"
@click="toggleSitesExpanded" @click="toggleSitesExpanded"
class="text-indigo-500 hover:text-indigo-400"
> >
<template #prepend> <span> {{ uniqueSupportingSites.length }}+ ...</span>
<VIcon :icon="sitesExpanded ? 'mdi-chevron-up' : 'mdi-chevron-down'" /> </VChip>
</template> <VChip
{{ sitesExpanded ? t('setting.about.collapse') : t('setting.about.expand') }} v-if="sitesExpanded && uniqueSupportingSites.length > 5"
({{ uniqueSupportingSites.length }}) variant="tonal"
</VBtn> size="small"
@click="toggleSitesExpanded"
>
<span>< {{ t('setting.about.collapse') }}</span>
</VChip>
</div> </div>
</div> </div>
</dd> </dd>