tcy
47c4b182e1
新增主系统图页面及多个组件，包括设备情况、实时数据监控、功率输出趋势、操作指令记录等。添加天气图标、字体文件和样式资源，实现系统状态监控和操作功能。优化图表展示和交互体验，完善响应式布局。
30 lines
690 B
Vue
30 lines
690 B
Vue
<template>
|
|
<el-row>
|
|
<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> |