mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-20 15:50:28 +08:00
58 lines
1.1 KiB
Vue
58 lines
1.1 KiB
Vue
<script lang="ts" setup>
|
|
import PersionCard from '@/components/cards/PersonCard.vue'
|
|
import api from '@/api'
|
|
import type { TmdbPerson } from '@/api/types'
|
|
import SlideView from '@/components/slide/SlideView.vue'
|
|
|
|
// 输入参数
|
|
const props = defineProps({
|
|
apipath: String,
|
|
linkurl: String,
|
|
title: String,
|
|
})
|
|
|
|
// 组件加载完成
|
|
const componentLoaded = ref(false)
|
|
|
|
// 数据列表
|
|
const dataList = ref<TmdbPerson[]>([])
|
|
|
|
// 获取订阅列表数据
|
|
async function fetchData() {
|
|
try {
|
|
if (!props.apipath)
|
|
return
|
|
|
|
dataList.value = await api.get(props.apipath)
|
|
if (dataList.value.length > 0)
|
|
componentLoaded.value = true
|
|
}
|
|
catch (error) {
|
|
console.error(error)
|
|
}
|
|
}
|
|
|
|
// 加载时获取数据
|
|
onMounted(fetchData)
|
|
</script>
|
|
|
|
<template>
|
|
<SlideView
|
|
v-if="componentLoaded"
|
|
v-bind="props"
|
|
>
|
|
<template #content>
|
|
<template
|
|
v-for="data in dataList"
|
|
:key="data.id"
|
|
>
|
|
<PersionCard
|
|
:person="data"
|
|
height="15rem"
|
|
width="10rem"
|
|
/>
|
|
</template>
|
|
</template>
|
|
</SlideView>
|
|
</template>
|