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

<template>
    <view class="page-content h-screen">
        <mx-nav-bar title="题库"/>
        <mx-tabs-swiper :tabs="subjects" :key-name="keyName" template="subject" border>
            <template #subject="subject">
                <knowledge-page-layout :subject="subject"/>
            </template>
        </mx-tabs-swiper>
    </view>
</template>

<script setup>
import KnowledgePageLayout from "@/pages/topic-center/index/components/knowledge-page-layout.vue";
import {useTopicSubjects} from "@/pages/topic-center/hooks/useTopicSubjects";

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

<style lang="scss">

</style>