<template>
    <view class="bg-white grid grid-cols-4 items-center text-fore-tip text-xs py-20">
        <view class="flex flex-col justify-center items-center">
            <text class="text-fore-title font-bold">{{ college.hits || '-' }}</text>
            热度
        </view>
        <view class="flex flex-col justify-center items-center">
            <text class="text-fore-title font-bold">{{ college.star || '-' }}</text>
            竞争力
        </view>
        <view class="flex flex-col justify-center items-center">
            <text class="text-fore-title font-bold">{{ college.comScore || '-' }}</text>
            综合评分
        </view>
        <view class="flex flex-col justify-center items-center">
            <text class="text-fore-title font-bold">{{ college.collect || '-' }}</text>
            收藏量
        </view>
    </view>
</template>

<script setup lang="ts">
import {University} from "@/types/university";

defineProps<{
    college: University;
}>()
</script>

<style scoped>

</style>