32 lines
644 B
Vue
32 lines
644 B
Vue
<template>
|
|
<el-row style="padding: 0 20px">
|
|
<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 props = defineProps({
|
|
title: String,
|
|
subtitle: String,
|
|
fontLevel: {
|
|
type: Number,
|
|
default: 1
|
|
}
|
|
});
|
|
const fontLevelMap = {
|
|
1: '24px',
|
|
2: '18px'
|
|
};
|
|
</script>
|