From b3a2585053fe78c6e2e126945caf011688762345 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 29 Jul 2023 18:40:42 +0800
Subject: [PATCH] person card

---
 src/api/types.ts                           |  44 ++++
 src/assets/images/misc/person.png          | Bin 0 -> 19456 bytes
 src/components/cards/MediaCard.vue         |   4 +-
 src/components/cards/PersonCard.vue        |  62 +++++
 src/pages/browse.vue                       |  24 +-
 src/router/index.ts                        |   2 +-
 src/views/discover/MediaCardListView.vue   |   2 +-
 src/views/discover/MediaDetailView.vue     | 267 ++++++++++++---------
 src/views/discover/PersonCardListView.vue  | 152 ++++++++++++
 src/views/discover/PersonCardSlideView.vue |  87 +++++++
 10 files changed, 510 insertions(+), 134 deletions(-)
 create mode 100644 src/assets/images/misc/person.png
 create mode 100644 src/components/cards/PersonCard.vue
 create mode 100644 src/views/discover/PersonCardListView.vue
 create mode 100644 src/views/discover/PersonCardSlideView.vue

diff --git a/src/api/types.ts b/src/api/types.ts
index 87d155b1..c7c149e1 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -192,6 +192,29 @@ export interface MediaInfo {
 
   // 详情页面
   detail_link?: string
+  // 其它TMDB属性
+  adult?: boolean
+  created_by?: string[]
+  episode_run_time?: string[]
+  genres?: string[]
+  first_air_date?: string
+  homepage?: string
+  languages?: string[]
+  last_air_date?: string
+  networks?: string[]
+  number_of_episodes?: number
+  number_of_seasons?: number
+  origin_countryv: string[]
+  original_name?: string
+  production_companies?: string[]
+  production_countries?: string[]
+  spoken_languages?: string[]
+  status?: string
+  tagline?: string
+  vote_count?: number
+  popularity?: number
+  runtime?: number
+  next_episode_to_air?: string
 }
 
 // TMDB季信息
@@ -253,6 +276,27 @@ export interface TmdbEpisode {
   guest_stars: Object[]
 }
 
+// TMDB人特信息
+export interface TmdbPerson {
+  // ID
+  id: number
+
+  // 名称
+  name: string
+
+  // 角色
+  character: string
+
+  // 图片
+  profile_path: string
+
+  // 性别
+  gender: number
+
+  // 原名
+  original_name: string
+}
+
 // 站点
 export interface Site {
 
diff --git a/src/assets/images/misc/person.png b/src/assets/images/misc/person.png
new file mode 100644
index 0000000000000000000000000000000000000000..7127aa8629ca756098a3265d8f08f00d427133b7
GIT binary patch
literal 19456
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

literal 0
HcmV?d00001

diff --git a/src/components/cards/MediaCard.vue b/src/components/cards/MediaCard.vue
index 3789563d..c40735ee 100644
--- a/src/components/cards/MediaCard.vue
+++ b/src/components/cards/MediaCard.vue
@@ -91,7 +91,7 @@ async function handleAddSubscribe() {
   }
   else if (props.media?.type === '电视剧') {
     // 豆瓣电视剧，只会有一季
-    const season = props.media?.season || 1
+    const season = props.media?.season ?? 1
     // 添加订阅
     addSubscribe(season)
   }
@@ -371,7 +371,7 @@ const seasonsHeaders = [
 const getImgUrl: Ref<string> = computed(() => {
   if (imageLoadError.value)
     return noImage
-  const url = props.media?.poster_path || noImage
+  const url = props.media?.poster_path ?? noImage
   // 如果地址中包含douban则使用中转代理
   if (url.includes('doubanio.com'))
     return `${import.meta.env.VITE_API_BASE_URL}douban/img/${encodeURIComponent(url)}`
diff --git a/src/components/cards/PersonCard.vue b/src/components/cards/PersonCard.vue
new file mode 100644
index 00000000..88e488e0
--- /dev/null
+++ b/src/components/cards/PersonCard.vue
@@ -0,0 +1,62 @@
+<script lang="ts" setup>
+import personIcon from '@images/misc/person.png'
+import type { TmdbPerson } from '@/api/types'
+
+const personProps = defineProps({
+  person: Object as PropType<TmdbPerson>,
+  width: String,
+  height: String,
+})
+
+// 当前人物
+const personInfo = ref(personProps.person)
+
+// 人物图片地址
+function getPersonImage() {
+  if (!personInfo.value?.profile_path)
+    return personIcon
+  return `https://image.tmdb.org/t/p/w600_and_h900_bestv2${personInfo.value?.profile_path}`
+}
+</script>
+
+<template>
+  <VHover v-bind="personProps">
+    <template #default="hover">
+      <VCard
+        v-bind="hover.props"
+        :height="personProps.height"
+        :width="personProps.width"
+        :class="{
+          'transition transform-cpu duration-300 scale-105': hover.isHovering,
+        }"
+      >
+        <div
+          class="person-card relative transform-gpu cursor-pointer rounded text-white shadow ring-1 transition duration-150 ease-in-out scale-100 ring-gray-700"
+        >
+          <div style="padding-bottom: 150%;">
+            <div class="absolute inset-0 flex h-full w-full flex-col items-center p-2">
+              <div class="relative mt-2 mb-4 flex h-1/2 w-full justify-center">
+                <div class="relative w-3/4 overflow-hidden rounded-full">
+                  <VImg :src="getPersonImage()" cover />
+                </div>
+              </div>
+              <div class="w-full truncate text-center font-bold">
+                {{ personInfo?.name }}
+              </div>
+              <div class="overflow-hidden whitespace-normal text-center text-sm" style=" display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;">
+                {{ personInfo?.character }}
+              </div>
+              <div class="absolute bottom-0 left-0 right-0 h-12 rounded-b" />
+            </div>
+          </div>
+        </div>
+      </VCard>
+    </template>
+  </VHover>
+</template>
+
+<style lang="scss">
+.person-card {
+  background-image: linear-gradient(45deg, #99999b, #384359 60%);
+}
+</style>
diff --git a/src/pages/browse.vue b/src/pages/browse.vue
index 24bf2d52..7c84145b 100644
--- a/src/pages/browse.vue
+++ b/src/pages/browse.vue
@@ -3,7 +3,8 @@ import MediaCardListView from '@/views/discover/MediaCardListView.vue'
 
 // 输入参数
 const props = defineProps({
-  type: Array as PropType<string[]> | PropType<string>,
+  // API路径
+  paths: Array as PropType<string[]> | PropType<string>,
 })
 
 // 路由参数
@@ -23,26 +24,27 @@ const titles: { [key: string]: any } = {
     tv_weekly_global: '全球剧集榜',
     movie_top250: '电影TOP250',
   },
+  credits: '演员阵容',
   media: {
     search: '搜索',
   },
 }
 
 // 计算API路径
-function getApiPath(types: string[] | string) {
-  if (Array.isArray(types))
-    return types.join('/')
+function getApiPath(paths: string[] | string) {
+  if (Array.isArray(paths))
+    return paths.join('/')
   else
-    return types
+    return paths
 }
 
 // 面包屑标题
-function getTitle(types: string[] | string, title: any = '') {
-  if (Array.isArray(types)) {
+function getTitle(paths: string[] | string, title: any = '') {
+  if (Array.isArray(paths)) {
     if (title)
-      return [titles[types[0]][types[1]], title]
+      return [titles[paths[0]][paths[1]], title]
 
-    return ['推荐', titles[types[0]][types[1]]]
+    return ['推荐', titles[paths[0]][paths[1]]]
   }
   else {
     return ['发现']
@@ -52,9 +54,9 @@ function getTitle(types: string[] | string, title: any = '') {
 
 <template>
   <div>
-    <VBreadcrumbs :items="getTitle(props.type || '', route.query?.title)" />
+    <VBreadcrumbs :items="getTitle(props.paths || '', route.query?.title)" />
     <MediaCardListView
-      :apipath="getApiPath(props.type || '')"
+      :apipath="getApiPath(props.paths || '')"
       :params="route.query"
     />
   </div>
diff --git a/src/router/index.ts b/src/router/index.ts
index cb28db3a..8818a7c7 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -91,7 +91,7 @@ const router = createRouter({
           },
         },
         {
-          path: '/browse/:type+',
+          path: '/browse/:paths+',
           component: () => import('../pages/browse.vue'),
           props: true,
           meta: {
diff --git a/src/views/discover/MediaCardListView.vue b/src/views/discover/MediaCardListView.vue
index 17647618..b9db80db 100644
--- a/src/views/discover/MediaCardListView.vue
+++ b/src/views/discover/MediaCardListView.vue
@@ -43,7 +43,7 @@ function getParams() {
   return params
 }
 
-// 获取订阅列表数据
+// 获取列表数据
 async function fetchData({ done }: { done: any }) {
   try {
     if (!props.apipath)
diff --git a/src/views/discover/MediaDetailView.vue b/src/views/discover/MediaDetailView.vue
index 20767283..0d3b78c8 100644
--- a/src/views/discover/MediaDetailView.vue
+++ b/src/views/discover/MediaDetailView.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import PersonCardSlideView from './PersonCardSlideView.vue'
 import MediaCardSlideView from './MediaCardSlideView.vue'
 import api from '@/api'
 import type { MediaInfo } from '@/api/types'
@@ -39,72 +40,73 @@ onMounted(() => {
           style="background-image: linear-gradient(180deg, rgba(17, 24, 39, 47%) 0%, rgba(17, 24, 39, 100%) 100%);"
         />
       </div>
-    </div>
-    <div class="media-header">
-      <div class="media-poster">
-        <VImg :src="mediaDetail.poster_path" cover />
-      </div>
-      <div class="media-title">
-        <div class="media-status" />
-        <h1 class="media-title">
-          {{ mediaDetail.title }}
-          <span class="media-year">
-            ({{ mediaDetail.year }})
-          </span>
-        </h1>
-        <span class="media-attributes">
-          <span>分级</span>
-          <span>时长</span>
-          <span>风格</span>
-        </span>
-      </div>
-      <div class="media-actions" />
-    </div>
-    <div class="media-overview">
-      <div class="media-overview-left">
-        <div class="tagline">
-          标签
+      <div class="media-header">
+        <div class="media-poster">
+          <VImg :src="mediaDetail.poster_path" cover />
         </div>
-        <h2>简介</h2>
-        <p>{{ mediaDetail.overview }}</p>
+        <div class="media-title">
+          <div class="media-status" />
+          <h1 class="media-title">
+            {{ mediaDetail.title }}
+            <span class="media-year">
+              ({{ mediaDetail.year }})
+            </span>
+          </h1>
+          <span class="media-attributes">
+            <span>{{ mediaDetail.runtime }}</span>
+            <span>{{ mediaDetail.genres }}</span>
+          </span>
+        </div>
+        <div class="media-actions" />
       </div>
-      <div class="media-overview-right" />
-    </div>
-    <div v-if="mediaDetail.tmdb_id">
-      <MediaCardSlideView :apipath="`tmdb/credits/${mediaDetail.tmdb_id}/${mediaProps.type}`">
-        <template #title="{ loaded }">
-          <div v-if="loaded" class="slider-header mt-3 ms-1">
-            <RouterLink to="" class="slider-title">
-              <span>演员阵容</span>
-              <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
-            </RouterLink>
+      <div class="media-overview">
+        <div class="media-overview-left">
+          <div v-if="mediaDetail.tagline" class="tagline">
+            {{ mediaDetail.tagline }}
           </div>
-        </template>
-      </MediaCardSlideView>
-    </div>
-    <div v-if="mediaDetail.tmdb_id">
-      <MediaCardSlideView :apipath="`tmdb/recommend/${mediaDetail.tmdb_id}/${mediaProps.type}`">
-        <template #title="{ loaded }">
-          <div v-if="loaded" class="slider-header mt-3 ms-1">
-            <RouterLink to="" class="slider-title">
-              <span>推荐</span>
-              <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
-            </RouterLink>
-          </div>
-        </template>
-      </MediaCardSlideView>
-    </div>
-    <div v-if="mediaDetail.tmdb_id">
-      <MediaCardSlideView :apipath="`tmdb/similar/${mediaDetail.tmdb_id}/${mediaProps.type}`">
-        <template #title="{ loaded }">
-          <div v-if="loaded" class="slider-header mt-3 ms-1">
-            <RouterLink to="" class="slider-title">
-              <span>类似</span>
-              <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
-            </RouterLink>
-          </div>
-        </template>
-      </MediaCardSlideView>
+          <h2 v-if="mediaDetail.overview">
+            简介
+          </h2>
+          <p>{{ mediaDetail.overview }}</p>
+        </div>
+        <div class="media-overview-right" />
+      </div>
+      <div v-if="mediaDetail.tmdb_id">
+        <PersonCardSlideView :apipath="`tmdb/credits/${mediaDetail.tmdb_id}/${mediaProps.type}`">
+          <template #title="{ loaded }">
+            <div v-if="loaded" class="slider-header mt-3 ms-1">
+              <RouterLink to="" class="slider-title">
+                <span>演员阵容</span>
+                <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
+              </RouterLink>
+            </div>
+          </template>
+        </PersonCardSlideView>
+      </div>
+      <div v-if="mediaDetail.tmdb_id">
+        <MediaCardSlideView :apipath="`tmdb/recommend/${mediaDetail.tmdb_id}/${mediaProps.type}`">
+          <template #title="{ loaded }">
+            <div v-if="loaded" class="slider-header mt-3 ms-1">
+              <RouterLink to="" class="slider-title">
+                <span>推荐</span>
+                <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
+              </RouterLink>
+            </div>
+          </template>
+        </MediaCardSlideView>
+      </div>
+      <div v-if="mediaDetail.tmdb_id">
+        <MediaCardSlideView :apipath="`tmdb/similar/${mediaDetail.tmdb_id}/${mediaProps.type}`">
+          <template #title="{ loaded }">
+            <div v-if="loaded" class="slider-header mt-3 ms-1">
+              <RouterLink to="" class="slider-title">
+                <span>类似</span>
+                <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
+              </RouterLink>
+            </div>
+          </template>
+        </MediaCardSlideView>
+      </div>
     </div>
   </div>
 </template>
@@ -128,13 +130,6 @@ onMounted(() => {
   inset: 0;
 }
 
-@media (min-width: 1280px) {
-  .media-header {
-    flex-direction: row;
-    align-items: flex-end;
-  }
-}
-
 .media-header {
   display: flex;
   flex-direction: column;
@@ -142,12 +137,35 @@ onMounted(() => {
   padding-block-start: 1rem;
 }
 
+@media (min-width: 1280px) {
+  .media-header {
+    flex-direction: row;
+    align-items: flex-end;
+  }
+}
+
+.media-overview {
+  display: flex;
+  flex-direction: column;
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+
 @media (min-width: 1024px) {
   .media-overview {
     flex-direction: row;
   }
 }
 
+.media-poster {
+  width: 8rem;
+  overflow: hidden;
+  border-radius: .25rem;
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 @media (min-width: 1280px) {
   .media-poster {
     margin-right: 1rem;
@@ -165,13 +183,12 @@ onMounted(() => {
   }
 }
 
-.media-poster {
-  width: 8rem;
-  overflow: hidden;
-  border-radius: .25rem;
-  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.media-title {
+  margin-top: 1rem;
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: column;
+  text-align: center;
 }
 
 @media (min-width: 1280px) {
@@ -182,22 +199,24 @@ onMounted(() => {
   }
 }
 
-.media-title {
-  margin-top: 1rem;
-  display: flex;
-  flex: 1 1 0%;
-  flex-direction: column;
-  text-align: center;
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255/var(--tw-text-opacity));
+.media-title>h1 {
+    font-size: 1.5rem;
+    line-height: 2rem;
+    font-weight: 700;
 }
 
-@media (min-width: 640px) {
-  ul.media-crew {
-      grid-template-columns: repeat(3,minmax(0,1fr));
+@media (min-width: 1280px) {
+  .media-title>h1 {
+      font-size: 2.25rem;
+      line-height: 2.5rem;
   }
 }
 
+h1 .media-year {
+    font-size: 1.5rem;
+    line-height: 2rem;
+}
+
 ul.media-crew {
     margin-top: 1.5rem;
     display: grid;
@@ -205,10 +224,24 @@ ul.media-crew {
     gap: 1.5rem;
 }
 
+@media (min-width: 640px) {
+  ul.media-crew {
+      grid-template-columns: repeat(3,minmax(0,1fr));
+  }
+}
+
 .media-status {
   margin-bottom: .5rem;
 }
 
+.media-attributes {
+  margin-top: .25rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+
 @media (min-width: 1280px) {
   .media-attributes {
     margin-top: 0;
@@ -225,16 +258,11 @@ ul.media-crew {
   }
 }
 
-.media-attributes {
-  font-size: .75rem;
-  line-height: 1rem;
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219/var(--tw-text-opacity));
-}
-
-.media-attributes {
-  margin-top: .25rem;
+.media-actions {
+  position: relative;
+  margin-top: 1rem;
   display: flex;
+  flex-shrink: 0;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
@@ -253,23 +281,8 @@ ul.media-crew {
   }
 }
 
-.media-actions {
-  position: relative;
-  margin-top: 1rem;
-  display: flex;
-  flex-shrink: 0;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-}
-
-.media-overview {
-  display: flex;
-  flex-direction: column;
-  padding-top: 2rem;
-  padding-bottom: 1rem;
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255/var(--tw-text-opacity));
+.media-overview-left {
+  flex: 1 1 0%;
 }
 
 @media (min-width: 1024px) {
@@ -278,8 +291,9 @@ ul.media-crew {
   }
 }
 
-.media-overview-left {
-  flex: 1 1 0%;
+.media-overview-right {
+  margin-top: 2rem;
+  width: 100%;
 }
 
 @media (min-width: 1024px) {
@@ -289,8 +303,23 @@ ul.media-crew {
   }
 }
 
-.media-overview-right {
-  margin-top: 2rem;
-  width: 100%;
+.slider-title {
+    display: inline-flex;
+    align-items: center;
+    font-size: 1.25rem;
+    font-weight: 700;
+    line-height: 1.75rem;
+    --tw-text-opacity: 1;
+    color: rgb(209 213 219/var(--tw-text-opacity));
+}
+
+@media (min-width: 640px){
+  .slider-title {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-size: 1.5rem;
+      line-height: 2.25rem;
+  }
 }
 </style>
diff --git a/src/views/discover/PersonCardListView.vue b/src/views/discover/PersonCardListView.vue
new file mode 100644
index 00000000..b8fee41e
--- /dev/null
+++ b/src/views/discover/PersonCardListView.vue
@@ -0,0 +1,152 @@
+<script lang="ts" setup>
+import api from '@/api'
+import type { TmdbPerson } from '@/api/types'
+import PersonCard from '@/components/cards/PersonCard.vue'
+import NoDataFound from '@/components/NoDataFound.vue'
+
+// 输入参数
+const props = defineProps({
+  apipath: String,
+})
+
+// 判断是否有滚动条
+function hasScroll() {
+  return (
+    document.body.scrollHeight
+      - (window.innerHeight || document.documentElement.clientHeight)
+    > 2
+  )
+}
+
+// 当前页码
+const page = ref(1)
+
+// 是否加载中
+const loading = ref(false)
+
+// 是否加载完成
+const isRefreshed = ref(false)
+
+// 数据列表
+const dataList = ref<TmdbPerson[]>([])
+const currData = ref<TmdbPerson[]>([])
+
+// 获取列表数据
+async function fetchData({ done }: { done: any }) {
+  try {
+    if (!props.apipath)
+      return
+
+    // 如果正在加载中，直接返回
+    if (loading.value) {
+      done('ok')
+
+      return
+    }
+
+    // 设置加载中
+    loading.value = true
+
+    // 加载到满屏或者加载出错
+    if (!hasScroll()) {
+      // 加载多次
+      while (!hasScroll()) {
+        // 请求API
+        currData.value = await api.get(props.apipath)
+
+        // 标计为已请求完成
+        isRefreshed.value = true
+        if (currData.value.length === 0) {
+          // 如果没有数据，跳出
+          done('ok')
+
+          return
+        }
+
+        // 合并数据
+        dataList.value = [...dataList.value, ...currData.value]
+
+        // 页码+1
+        page.value++
+      }
+    }
+    else {
+      // 加载一次
+      // 请求API
+      currData.value = await api.get(props.apipath)
+
+      // 标计为已请求完成
+      isRefreshed.value = true
+      if (currData.value.length === 0) {
+        // 如果没有数据，跳出
+        done('ok')
+
+        return
+      }
+
+      // 合并数据
+      dataList.value = [...dataList.value, ...currData.value]
+
+      // 页码+1
+      page.value++
+    }
+
+    // 取消加载中
+    loading.value = false
+
+    // 返回加载成功
+    done('ok')
+  }
+  catch (error) {
+    console.error(error)
+
+    // 返回加载失败
+    done('error')
+  }
+}
+</script>
+
+<template>
+  <div
+    v-if="!isRefreshed"
+    class="mt-12 w-full text-center text-gray-500 text-sm flex flex-col items-center"
+  >
+    <VProgressCircular
+      size="48"
+      indeterminate
+      color="primary"
+    />
+  </div>
+  <VInfiniteScroll
+    mode="intersect"
+    side="end"
+    :items="dataList"
+    class="overflow-hidden"
+    @load="fetchData"
+  >
+    <template #loading />
+    <div
+      v-if="dataList.length > 0"
+      class="grid gap-4 grid-media-card mx-3"
+      tabindex="0"
+    >
+      <PersonCard
+        v-for="data in dataList"
+        :key="data.id"
+        :media="data"
+      />
+    </div>
+    <NoDataFound
+      v-if="dataList.length === 0 && isRefreshed"
+      error-code="500"
+      error-title="出错啦！"
+      error-description="无法获取到媒体信息，请检查网络连接。"
+    />
+  </VInfiniteScroll>
+</template>
+
+<style lang="scss">
+.grid-media-card {
+  grid-template-columns: repeat(auto-fill, minmax(9.375rem, 1fr));
+}
+</style>
diff --git a/src/views/discover/PersonCardSlideView.vue b/src/views/discover/PersonCardSlideView.vue
new file mode 100644
index 00000000..a91a550c
--- /dev/null
+++ b/src/views/discover/PersonCardSlideView.vue
@@ -0,0 +1,87 @@
+<script lang="ts" setup>
+import PersionCard from '@/components/cards/PersonCard.vue'
+import api from '@/api'
+import type { TmdbPerson } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  apipath: String,
+})
+
+// 组件加载完成
+const componentLoaded = ref(false)
+
+// 数据列表
+const dataList = ref<TmdbPerson[]>([])
+
+// 获取订阅列表数据
+async function fetchData() {
+  try {
+    if (!props.apipath)
+      return
+
+    dataList.value = await api.get(props.apipath)
+    componentLoaded.value = true
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+// 加载时获取数据
+onMounted(fetchData)
+</script>
+
+<template>
+  <slot
+    name="title"
+    :loaded="componentLoaded"
+  />
+  <VSlideGroup show-arrows="false">
+    <template #prev>
+      <VBtn
+        class="rounded-circle shadow-none"
+        icon="mdi-chevron-left"
+        color="grey"
+      />
+    </template>
+    <VSlideGroupItem
+      v-for="data in dataList"
+      :key="data.id"
+    >
+      <PersionCard
+        :key="data.id"
+        :person="data"
+        height="15rem"
+        width="10rem"
+      />
+    </VSlideGroupItem>
+    <template #next>
+      <VBtn
+        class="rounded-circle shadow-none"
+        icon="mdi-chevron-right"
+        color="grey"
+      />
+    </template>
+  </VSlideGroup>
+</template>
+
+<style lang="scss">
+.v-slide-group .v-card {
+  @apply m-2;
+}
+
+.v-slide-group__prev {
+  @apply absolute right-11;
+
+  z-index: 3;
+  margin-block-start: -40px;
+}
+
+.v-slide-group__next {
+  @apply absolute right-1;
+
+  z-index: 3;
+  margin-block-start: -40px;
+}
+</style>