<template>
  <ie-page fix-height bg-color="#F6F8FA" :safe-area-inset-bottom="false">
    <ie-navbar title="院校库" />
    <ie-auto-resizer>
      <ie-tabs-swiper v-model="current" :list="tabs" :scrollable="false">
        <template #list>
          <college-list :absolute="true" />
        </template>
        <template #rank>
          <college-rank />
        </template>
      </ie-tabs-swiper>
    </ie-auto-resizer>
  </ie-page>
</template>
<script lang="ts" setup>
import { SwiperTabItem } from "@/types";
import CollegeList from "@/pagesOther/pages/university/index/components/college-list.vue";
import CollegeRank from "@/pagesOther/pages/university/index/components/college-rank.vue";

const current = ref(0);
const tabs = ref<SwiperTabItem[]>([{
  name: '院校库',
  slot: 'list'
}, {
  name: '院校排名',
  slot: 'rank'
}]);

const handleChangeSwiper = function (e: any) {
  current.value = e.detail.current;
}
</script>
<style lang="scss" scoped></style>