【前端小点】ElementUI-Dialog标题添加图标_element dialog标题图片

在日常开发过程中，比较常见的一个需求，在弹框中的提示信息中展示图标，查看ElementUI官网，并没有加标题的示例，那么如果我们用ElementUI怎么实现这样的效果呢？
先看实现效果图：

代码，来抄作业！！！

<el-dialog title="详情" :visible.sync="addShow" :close-on-press-escape="false" :close-on-click-modal="false"
      width="600px">
      <div slot="title" class="dialog-header-title">
        <i class="el-icon-folder-add"></i>
        <span>详情</span>
      </div>
      123
    </el-dialog>
  </div>
1
2
3
4
5
6
7
8
9

类名可以自定义，我自定义的为dialog-header-title，可以在样式中根据我们的需求码不同的样式代码。
至此：效果完成。