ElementUI-Dialog标题添加图标,自定义图标

导读:本篇文章讲解 ElementUI-Dialog标题添加图标,自定义图标,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

需求

在弹框中的提示信息中展示图标,查看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">
        <svg-icon icon-class="success" />
        //<i class="el-icon-folder-add"></i>
        <span>Success</span>
      </div>
          Successful operation 
    </el-dialog>
  </div>

tips: 可以使用i标签渲染icon,也可以使用svg。因为项目需要 所以我这边使用的是svg标签

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/79202.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!