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

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

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

<style lang="scss"></style>
