maintenance_system/src/components/TitleComponent/index.vue

<template>
    <el-row v-if="titleStatus">
        <el-col>
            <div style="color: rgba(0, 30, 59, 1);font-family: 'Alibaba-PuHuiTi-Bold';margin: 10px 0 0 0;"
                :style="{ fontSize: fontLevelMap[props.fontLevel] }">
                {{ props.title }}
            </div>
        </el-col>
        <el-col>
            <p style="color: rgba(154, 154, 154, 1);font-size: 14px;">
                {{ props.subtitle }}
            </p>
        </el-col>
    </el-row>
</template>
<script setup>
const titleStatus = ref(false)
const props = defineProps({
    title: String,
    subtitle: String,
    fontLevel: {
        type: Number,
        default: 1
    }
})
const fontLevelMap = {
    1: "24px",
    2: "18px"
}
</script>