elementui标题
elementui标题设置方法
Element UI 提供了多种标题样式和组件，包括页面标题、弹窗标题、表格标题等。以下是一些常见的标题设置方式：
使用 el-title 组件（适用于页面标题）
Element UI 并未直接提供 el-title，但可以通过 CSS 或结合 el-header 实现类似效果。
<el-header class="page-title">
<h1>页面主标题</h1>
</el-header>.page-title h1 {
font-size: 24px;
margin: 0;
padding: 20px 0;
color: #333;
}弹窗标题（el-dialog）el-dialog 的标题可通过 title 属性直接设置。
<el-dialog title="提示" :visible.sync="dialogVisible">
<span>这是一段提示信息</span>
</el-dialog>表格标题（el-table）
表格的标题可通过 el-table-column 的 label 属性设置。
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>卡片标题（el-card）el-card 的标题可通过 header 插槽或 header 属性设置。
<el-card header="卡片标题">
<p>卡片内容</p>
</el-card>自定义标题样式
如果需要调整标题的字体、颜色或间距，可以通过覆盖 Element UI 的默认样式实现。
/* 修改弹窗标题样式 */
.el-dialog__title {
font-size: 18px;
color: #409EFF;
}
/* 修改表格标题样式 */
.el-table th > .cell {
font-weight: bold;
color: #333;
}结合 Typography 增强标题效果
Element UI 未提供专门的标题 Typography 组件，但可以结合 HTML 原生标签（如 h1-h6）或第三方库（如 vue-typography）实现更丰富的标题样式。
<h2 class="custom-title">自定义标题</h2>.custom-title {
font-family: "Helvetica Neue", sans-serif;
border-bottom: 2px solid #409EFF;
padding-bottom: 8px;
}以上方法适用于大多数 Element UI 标题需求，可根据具体场景选择合适的方式。
