30 lines
739 B
Vue
30 lines
739 B
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> |