0917

src/views/zhinengxunjian/TitleComponent.vue

@@ -0,0 +1,29 @@
+<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>