dz-app/pages/college-library/index/index.vue

<template>
    <view class="page-content">
        <mx-nav-bar :title="currentTab.name"/>
        <mx-tabs-swiper v-model="current" :tabs="tabs">
            <template #college>
                <college-list/>
            </template>
            <template #rank>
                <college-rank/>
            </template>
        </mx-tabs-swiper>
    </view>
</template>

<script setup>
import {ref, computed} from 'vue'
import CollegeList from "@/pages/college-library/components/college-list.vue";
import CollegeRank from "@/pages/college-library/components/college-rank.vue";

const current = ref(0)
const tabs = ref([{name: '院校库', template: 'college'}, {name: '院校排名', template: 'rank'}])

const currentTab = computed(() => tabs.value[current.value])
</script>

<style lang="scss">

</style>