mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-25 18:29:44 +08:00
40 lines
1.2 KiB
Vue
40 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import SubscribeListView from '@/views/subscribe/SubscribeListView.vue'
|
|
import SubscribePopularView from '@/views/subscribe/SubscribePopularView.vue'
|
|
import { SubscribeMovieTabs } 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-for="item in SubscribeMovieTabs" :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>
|
|
</VWindow>
|
|
</div>
|
|
</template>
|