mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-31 05:10:45 +08:00
49 lines
1.6 KiB
Vue
49 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import SubscribeListView from '@/views/subscribe/SubscribeListView.vue'
|
|
import SubscribePopularView from '@/views/subscribe/SubscribePopularView.vue'
|
|
import SubscribeShareView from '@/views/subscribe/SubscribeShareView.vue'
|
|
import { SubscribeMovieTabs, SubscribeTvTabs } from '@/router/menu'
|
|
import router from '@/router'
|
|
|
|
const route = useRoute()
|
|
|
|
const subType = route.meta.subType?.toString()
|
|
const subId = ref(route.query.id as string)
|
|
const activeTab = ref(route.query.tab)
|
|
|
|
function jumpTab(tab: string) {
|
|
router.push('/subscribe/movie?tab=' + tab)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<VTabs v-model="activeTab">
|
|
<VTab v-if="subType == '电影'" v-for="item in SubscribeMovieTabs" :value="item.tab" @to="jumpTab(item.tab)">
|
|
<span class="mx-5">{{ item.title }}</span>
|
|
</VTab>
|
|
<VTab v-if="subType == '电视剧'" v-for="item in SubscribeTvTabs" :value="item.tab" @to="jumpTab(item.tab)">
|
|
<span class="mx-5">{{ item.title }}</span>
|
|
</VTab>
|
|
</VTabs>
|
|
|
|
<VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
|
|
<VWindowItem value="mysub">
|
|
<transition name="fade-slide" appear>
|
|
<SubscribeListView :type="subType" :subid="subId" />
|
|
</transition>
|
|
</VWindowItem>
|
|
<VWindowItem value="popular">
|
|
<transition name="fade-slide" appear>
|
|
<SubscribePopularView :type="subType" />
|
|
</transition>
|
|
</VWindowItem>
|
|
<VWindowItem value="share">
|
|
<transition name="fade-slide" appear>
|
|
<SubscribeShareView />
|
|
</transition>
|
|
</VWindowItem>
|
|
</VWindow>
|
|
</div>
|
|
</template>
|