dz-app/pages/video-center/index/index.vue

<template>
    <view class="page-content">
        <mx-nav-bar title="视频课程"/>
        <mx-tabs-swiper :tabs="subjects" :key-name="keyName" template="video" border>
            <template #video="subject">
                <video-page-layout :subject="subject"/>
            </template>
        </mx-tabs-swiper>
    </view>
</template>

<script setup>
import VideoPageLayout from "@/pages/video-center/index/components/video-page-layout.vue";
import {useVideoSubjects} from "@/pages/video-center/hooks/useVideoSubjects";

const {subjects, keyName} = useVideoSubjects()
</script>

<style lang="scss">

</style>