逆变器综合监控

src/views/demo/components/TitleComponent.vue

@@ -0,0 +1,23 @@
+<template>
+    <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>
+    <p style="color: rgba(154, 154, 154, 1);font-size: 14px;">
+        {{ props.subtitle }}
+    </p>
+</template>
+<script setup>
+const props = defineProps({
+    title: String,
+    subtitle: String,
+    fontLevel: {
+        type: Number,
+        default: 1
+    }
+})
+const fontLevelMap = {
+    1: "24px",
+    2: "18px"
+}
+</script>