dz-app/pages/college-library/components/plan-enroll-descriptor.vue

<template>
    <view class="fx-col fx-cen-cen rounded-lg bg-slate-100 py-10">
        <template v-if="!titleOnly">
            <text class="text-main text-sm">{{ value || '-' }}</text>
            <text class="text-tips text-3xs">{{ title }}</text>
        </template>
        <text v-else class="text-primary text-sm">{{ title }}</text>
    </view>
</template>

<script>
export default {
    name: "plan-enroll-descriptor",
    props: {
        title: {
            type: String,
            default: ''
        },
        value: {
            type: [String, Number],
            default: ''
        },
        titleOnly: {
            type: Boolean,
            default: false
        }
    }
}
</script>

<style scoped>

</style>