From 683346d6524f02e44a7ab627d0e6346fb0fa31d3 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 27 Jan 2025 11:25:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8F=91=E7=8E=B0=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=8F=8A=E7=9B=B8=E5=85=B3=E8=B7=AF=E7=94=B1=E5=92=8C?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/discover.vue                  | 50 +++++++++++++++++++++++++
 src/pages/ranking.vue                   |  1 -
 src/pages/resource.vue                  |  1 -
 src/pages/subscribe.vue                 | 12 ++++--
 src/router/index.ts                     |  8 ++++
 src/router/menu.ts                      | 37 +++++++++++++++---
 src/views/discover/BangumiView.vue      |  2 +
 src/views/discover/DoubanView.vue       |  6 +++
 src/views/discover/TheMovieDbView.vue   |  6 +++
 src/views/plugin/PluginCardListView.vue |  7 +++-
 10 files changed, 118 insertions(+), 12 deletions(-)
 create mode 100644 src/pages/discover.vue
 create mode 100644 src/views/discover/BangumiView.vue
 create mode 100644 src/views/discover/DoubanView.vue
 create mode 100644 src/views/discover/TheMovieDbView.vue

diff --git a/src/pages/discover.vue b/src/pages/discover.vue
new file mode 100644
index 00000000..e919a335
--- /dev/null
+++ b/src/pages/discover.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { DiscoverTabs } from '@/router/menu'
+import router from '@/router'
+import TheMovieDbView from '@/views/discover/TheMovieDbView.vue'
+import DoubanView from '@/views/discover/DoubanView.vue'
+import BangumiView from '@/views/discover/BangumiView.vue'
+
+const route = useRoute()
+const activeTab = ref(route.query.tab)
+
+function jumpTab(tab: string) {
+  router.push('/subscribe/discover?tab=' + tab)
+}
+</script>
+
+<template>
+  <div>
+    <VTabs v-model="activeTab" show-arrows>
+      <VTab v-for="item in DiscoverTabs" :value="item.tab" @to="jumpTab(item.tab)">
+        <div class="mx-5">
+          {{ item.title }}
+        </div>
+      </VTab>
+    </VTabs>
+
+    <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
+      <VWindowItem value="themoviedb">
+        <transition name="fade-slide" appear>
+          <div>
+            <TheMovieDbView />
+          </div>
+        </transition>
+      </VWindowItem>
+      <VWindowItem value="douban">
+        <transition name="fade-slide" appear>
+          <div>
+            <DoubanView />
+          </div>
+        </transition>
+      </VWindowItem>
+      <VWindowItem value="bangumi">
+        <transition name="fade-slide" appear>
+          <div>
+            <BangumiView />
+          </div>
+        </transition>
+      </VWindowItem>
+    </VWindow>
+  </div>
+</template>
diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue
index f6c87103..cad04ff0 100644
--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -68,7 +68,6 @@ const viewList = reactive<{ apipath: string; linkurl: string; title: string }[]>
     title: '豆瓣全球剧集榜',
   },
 ])
-
 </script>
 
 <template>
diff --git a/src/pages/resource.vue b/src/pages/resource.vue
index dcac4204..627e450b 100644
--- a/src/pages/resource.vue
+++ b/src/pages/resource.vue
@@ -142,7 +142,6 @@ onUnmounted(() => {
   <div v-if="isRefreshed">
     <VFab
       v-if="viewType === 'list'"
-      class="mb-12"
       icon="mdi-view-grid"
       location="bottom"
       size="x-large"
diff --git a/src/pages/subscribe.vue b/src/pages/subscribe.vue
index 14f29975..4af2c75c 100644
--- a/src/pages/subscribe.vue
+++ b/src/pages/subscribe.vue
@@ -18,12 +18,18 @@ function jumpTab(tab: string) {
 
 <template>
   <div>
-    <VTabs v-model="activeTab">
+    <VTabs v-model="activeTab" show-arrows>
       <VTab v-if="subType == '电影'" v-for="item in SubscribeMovieTabs" :value="item.tab" @to="jumpTab(item.tab)">
-        <span class="mx-5">{{ item.title }}</span>
+        <div class="flex align-center mx-5">
+          <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)">
-        <span class="mx-5">{{ item.title }}</span>
+        <div class="flex align-center mx-5">
+          <VIcon size="20" start :icon="item.icon" />
+          {{ item.title }}
+        </div>
       </VTab>
     </VTabs>
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 630b76be..12b549cb 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -35,6 +35,14 @@ const router = createRouter({
             requiresAuth: true,
           },
         },
+        {
+          path: '/discover',
+          component: () => import('../pages/discover.vue'),
+          meta: {
+            keepAlive: true,
+            requiresAuth: true,
+          },
+        },
         {
           path: '/resource',
           component: () => import('../pages/resource.vue'),
diff --git a/src/router/menu.ts b/src/router/menu.ts
index 1378c958..2314f006 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -16,6 +16,14 @@ export const SystemNavMenus = [
     admin: false,
     footer: true,
   },
+  {
+    title: '探索',
+    icon: 'mdi-apple-safari',
+    to: '/discover',
+    header: '发现',
+    admin: false,
+    footer: true,
+  },
   {
     title: '资源搜索',
     icon: 'mdi-magnify',
@@ -169,12 +177,12 @@ export const SubscribeMovieTabs = [
   {
     title: '我的订阅',
     tab: 'mysub',
-    icon: 'mdi-movie-open-outline',
+    icon: 'mdi-heart',
   },
   {
     title: '热门订阅',
     tab: 'popular',
-    icon: 'mdi-movie-open-outline',
+    icon: 'mdi-fire',
   },
 ]
 
@@ -183,17 +191,17 @@ export const SubscribeTvTabs = [
   {
     title: '我的订阅',
     tab: 'mysub',
-    icon: 'mdi-television',
+    icon: 'mdi-heart',
   },
   {
     title: '热门订阅',
     tab: 'popular',
-    icon: 'mdi-television',
+    icon: 'mdi-fire',
   },
   {
     title: '订阅分享',
     tab: 'share',
-    icon: 'mdi-television',
+    icon: 'mdi-share-variant',
   },
 ]
 
@@ -210,3 +218,22 @@ export const PluginTabs = [
     icon: 'mdi-store',
   },
 ]
+
+// 发现标签页
+export const DiscoverTabs = [
+  {
+    title: 'TheMovieDb',
+    tab: 'themoviedb',
+    icon: '',
+  },
+  {
+    title: '豆瓣',
+    tab: 'douban',
+    icon: '',
+  },
+  {
+    title: 'Bangumi',
+    tab: 'bangumi',
+    icon: '',
+  },
+]
diff --git a/src/views/discover/BangumiView.vue b/src/views/discover/BangumiView.vue
new file mode 100644
index 00000000..11645e02
--- /dev/null
+++ b/src/views/discover/BangumiView.vue
@@ -0,0 +1,2 @@
+<script setup lang="ts"></script>
+<template></template>
diff --git a/src/views/discover/DoubanView.vue b/src/views/discover/DoubanView.vue
new file mode 100644
index 00000000..e0f769a1
--- /dev/null
+++ b/src/views/discover/DoubanView.vue
@@ -0,0 +1,6 @@
+<script setup lang="ts">
+
+</script>
+<template>
+  
+</template>
diff --git a/src/views/discover/TheMovieDbView.vue b/src/views/discover/TheMovieDbView.vue
new file mode 100644
index 00000000..e0f769a1
--- /dev/null
+++ b/src/views/discover/TheMovieDbView.vue
@@ -0,0 +1,6 @@
+<script setup lang="ts">
+
+</script>
+<template>
+  
+</template>
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index e6ce9999..dcaca8b6 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -397,9 +397,12 @@ onMounted(async () => {
 
 <template>
   <div>
-    <VTabs v-model="activeTab">
+    <VTabs v-model="activeTab" show-arrows>
       <VTab v-for="item in PluginTabs" :value="item.tab">
-        <span class="mx-5">{{ item.title }}</span>
+        <div class="flex align-center mx-5">
+          <VIcon size="20" start :icon="item.icon" />
+          {{ item.title }}
+        </div>
       </VTab>
     </VTabs>