优化多个页面的标签样式，提升组件一致性和用户体验

src/pages/discover.vue

@@ -118,14 +118,11 @@ onActivated(async () => {
 
 <template>
   <div>
-    <VTabs v-model="activeTab" show-arrows>
-      <draggable v-model="discoverTabs" handle=".cursor-move" item-key="tab" tag="div" @end="saveTabOrder">
+    <VTabs v-model="activeTab" show-arrows stacked>
+      <draggable v-model="discoverTabs" handle=".tab-move" item-key="tab" tag="div" @end="saveTabOrder">
         <template #item="{ element }">
-          <VTab :key="element.mediaid_prefix" :value="element.mediaid_prefix">
-            <div><VIcon class="cursor-move" start icon="mdi-drag" /></div>
-            <div class="min-w-24">
-              <div>{{ element.name }}</div>
-            </div>
+          <VTab :key="element.mediaid_prefix" :value="element.mediaid_prefix" class="px-10 rounded-t-lg">
+            <span class="tab-move">{{ element.name }}</span>
           </VTab>
         </template>
       </draggable>

src/pages/downloading.vue

@@ -37,9 +37,9 @@ onActivated(async () => {
 
 <template>
   <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="min-w-24">{{ item.name }}</span>
+    <VTabs v-model="activeTab" show-arrows stacked>
+      <VTab v-for="item in downloaders" :value="item.name" @to="jumpTab(item.name)" class="px-10 rounded-t-lg">
+        {{ item.name }}
       </VTab>
     </VTabs>
 

src/pages/subscribe.vue

@@ -18,25 +18,33 @@ function jumpTab(tab: string) {
 
 <template>
   <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 min-w-24">
-          <VIcon size="20" start :icon="item.icon" />
-          {{ item.title }}
-        </div>
+    <VTabs v-model="activeTab" show-arrows stacked>
+      <VTab
+        v-if="subType == '电影'"
+        v-for="item in SubscribeMovieTabs"
+        :value="item.tab"
+        @to="jumpTab(item.tab)"
+        class="px-10 rounded-t-lg"
+      >
+        <VIcon size="x-large" start :icon="item.icon" />
+        {{ item.title }}
       </VTab>
-      <VTab v-if="subType == '电视剧'" v-for="item in SubscribeTvTabs" :value="item.tab" @to="jumpTab(item.tab)">
-        <div class="flex align-center min-w-24">
-          <VIcon size="20" start :icon="item.icon" />
-          {{ item.title }}
-        </div>
+      <VTab
+        v-if="subType == '电视剧'"
+        v-for="item in SubscribeTvTabs"
+        :value="item.tab"
+        @to="jumpTab(item.tab)"
+        class="px-10 rounded-t-lg"
+      >
+        <VIcon size="x-large" start :icon="item.icon" />
+        {{ item.title }}
       </VTab>
     </VTabs>
 
-    <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
+    <VWindow v-model="activeTab" class="disable-tab-transition" :touch="false">
       <VWindowItem value="mysub">
         <transition name="fade-slide" appear>
-          <div>
+          <div class="mt-4">
             <SubscribeListView :type="subType" :subid="subId" />
           </div>
         </transition>