el-dialog标题居左
时间: 2023-07-12 20:51:04 浏览: 208
【JavaScript源代码】element-ui 弹窗组件封装的步骤.docx
要将 Element UI 的 el-dialog 组件的标题居左,可以通过设置其 slot 的样式来实现。
首先,在 el-dialog 组件中加入一个名为 `title` 的 slot,并在其中放置标题内容:
```html
<el-dialog>
<template slot="title">
<div class="dialog-title">对话框标题</div>
</template>
<!-- 其他内容 -->
</el-dialog>
```
然后,在样式中为 `.dialog-title` 添加样式:
```css
.dialog-title {
text-align: left;
}
```
这样就可以将 el-dialog 的标题居左了。
阅读全文