dz-app/pages/college-library/components/college-detail-summary.vue

<template>
    <view class="bg-white grid grid-cols-4 items-center text-tips text-xs">
        <view class="fx-col fx-cen-cen">
            <view>
                <text class="text-main font-bold mr-5">{{ college.createdYear }}</text>
                <text>年</text>
            </view>
            建校时间
        </view>
        <view v-if="false" class="fx-col fx-cen-cen">
            <text class="text-main font-bold">{{ college.enrollLocation }}</text>
            招生区域
        </view>
        <view class="fx-col fx-cen-cen">
            <text class="text-main font-bold">{{ college.star || '-' }}</text>
            <uv-text type="tips" size="13" text="竞争力" suffix-icon="question-circle" @click="$emit('star')"/>
        </view>
        <view class="fx-col fx-cen-cen">
            <text class="text-main font-bold">{{ college.comScore || '-' }}</text>
            综合评分
        </view>
        <view class="fx-col fx-cen-cen">
            <text class="text-main font-bold">{{ college.collect }}</text>
            收藏量
        </view>
    </view>
</template>

<script setup>
import {createPropDefine} from "@/utils";

const props = defineProps({
    college: createPropDefine({}, Object)
})
const emits = defineEmits(['star'])
</script>

<style scoped>

</style>