优化标签显示效果

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
+1 -1
View File
@@ -17,7 +17,7 @@ function jumpTab(tab: string) {
<div> <div>
<VTabs v-model="activeTab" show-arrows> <VTabs v-model="activeTab" show-arrows>
<VTab v-for="item in DiscoverTabs" :value="item.tab" @to="jumpTab(item.tab)"> <VTab v-for="item in DiscoverTabs" :value="item.tab" @to="jumpTab(item.tab)">
<div class="mx-5"> <div class="min-w-24">
{{ item.title }} {{ item.title }}
</div> </div>
</VTab> </VTab>
+1 -1
View File
@@ -35,7 +35,7 @@ onMounted(async () => {
<div v-if="downloaders.length > 0"> <div v-if="downloaders.length > 0">
<VTabs v-model="activeTab"> <VTabs v-model="activeTab">
<VTab v-for="item in downloaders" :value="item.name" @to="jumpTab(item.name)"> <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> </VTab>
</VTabs> </VTabs>
+2 -2
View File
@@ -20,13 +20,13 @@ function jumpTab(tab: string) {
<div> <div>
<VTabs v-model="activeTab" show-arrows> <VTabs v-model="activeTab" show-arrows>
<VTab v-if="subType == '电影'" v-for="item in SubscribeMovieTabs" :value="item.tab" @to="jumpTab(item.tab)"> <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" /> <VIcon size="20" start :icon="item.icon" />
{{ item.title }} {{ item.title }}
</div> </div>
</VTab> </VTab>
<VTab v-if="subType == '电视剧'" v-for="item in SubscribeTvTabs" :value="item.tab" @to="jumpTab(item.tab)"> <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" /> <VIcon size="20" start :icon="item.icon" />
{{ item.title }} {{ item.title }}
</div> </div>
+1 -1
View File
@@ -399,7 +399,7 @@ onMounted(async () => {
<div> <div>
<VTabs v-model="activeTab" show-arrows> <VTabs v-model="activeTab" show-arrows>
<VTab v-for="item in PluginTabs" :value="item.tab"> <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" /> <VIcon size="20" start :icon="item.icon" />
{{ item.title }} {{ item.title }}
</div> </div>