优化标签显示效果

This commit is contained in:
jxxghp
2025-01-28 09:11:52 +08:00
parent c6a74a75da
commit 52b68c18bf
4 changed files with 5 additions and 5 deletions

View File

@@ -17,7 +17,7 @@ function jumpTab(tab: string) {
<div>
<VTabs v-model="activeTab" show-arrows>
<VTab v-for="item in DiscoverTabs" :value="item.tab" @to="jumpTab(item.tab)">
<div class="mx-5">
<div class="min-w-24">
{{ item.title }}
</div>
</VTab>

View File

@@ -35,7 +35,7 @@ onMounted(async () => {
<div v-if="downloaders.length > 0">
<VTabs v-model="activeTab">
<VTab v-for="item in downloaders" :value="item.name" @to="jumpTab(item.name)">
<span class="mx-5">{{ item.name }}</span>
<span class="min-w-24">{{ item.name }}</span>
</VTab>
</VTabs>

View File

@@ -20,13 +20,13 @@ function jumpTab(tab: string) {
<div>
<VTabs v-model="activeTab" show-arrows>
<VTab v-if="subType == '电影'" v-for="item in SubscribeMovieTabs" :value="item.tab" @to="jumpTab(item.tab)">
<div class="flex align-center mx-5">
<div class="flex align-center min-w-24">
<VIcon size="20" start :icon="item.icon" />
{{ item.title }}
</div>
</VTab>
<VTab v-if="subType == '电视剧'" v-for="item in SubscribeTvTabs" :value="item.tab" @to="jumpTab(item.tab)">
<div class="flex align-center mx-5">
<div class="flex align-center min-w-24">
<VIcon size="20" start :icon="item.icon" />
{{ item.title }}
</div>

View File

@@ -399,7 +399,7 @@ onMounted(async () => {
<div>
<VTabs v-model="activeTab" show-arrows>
<VTab v-for="item in PluginTabs" :value="item.tab">
<div class="flex align-center mx-5">
<div class="flex align-center min-w-24">
<VIcon size="20" start :icon="item.icon" />
{{ item.title }}
</div>