dz-app/pages/personal-center/my-concerned/my-concerned.vue

<template>
    <view class="page-content">
        <mx-nav-bar title="我的收藏"/>
        <mx-tabs-swiper :tabs="tabs" border>
            <template #关注的院校>
                <concern-college-list/>
            </template>
            <template #关注的专业>
                <concern-major-list/>
            </template>
        </mx-tabs-swiper>
    </view>
</template>

<script setup>
import {ref} from 'vue';
import ConcernCollegeList from "@/pages/personal-center/my-concerned/components/concern-college-list.vue";
import ConcernMajorList from "@/pages/personal-center/my-concerned/components/concern-major-list.vue";

const tabs = ref([{name: "关注的院校"}, {name: "关注的专业"}])
</script>

<style lang="scss">

</style>