refactor(demo): 重构标题组件布局

- 使用 el-row 和 el-col 组件包裹标题和副标题
- 保持原有样式不变，优化 HTML 结构

src/views/demo/components/TitleComponent.vue

@@ -1,11 +1,18 @@
 <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>
+    <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({