ElementUI-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"><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标签

ElementUI-Dialog标题添加图标，自定义图标相关推荐

给网页标题添加icon小图标
so easy: 给网页标题添加icon小图标: 直接在html文件的head部分添加下面代码(注意href的路径): <link rel="icon" type=" ...
html title中加图标,科技常识：HTML中title前面小图标的实现_如何给网页标题添加icon小图标...
今天小编跟大家讲解下有关HTML中title前面小图标的实现_如何给网页标题添加icon小图标 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML中title前面小图标的实现_如何给网 ...
如何给网页标题添加icon小图标
今天给大家分享的是如何在网页标题中加入小图标,就像CSDN前面那个红色的C一样. 主要介绍两种方法: 1.在html文件的head部分添加下面代码(注意href的路径). <link rel=& ...
html中编辑器制作goole图标,TinyMCE 编辑器添加 FontAwesome 自定义图标按钮
一为博客后台一直使用传统编辑器,就是 TinyMCE 编辑器,那个古腾堡用不惯然后想到主题编辑器添加一些段代码的按钮,而默认的 TinyMCE 编辑器图标就只有几个,完全不满足我折腾的心,就谷歌 ...
element-ui dialog组件添加可拖拽位置可拖拽宽高
有几个点需要注意一下每个弹窗都要有唯一dom可操作指令可以做到拖拽时要添加可拖拽区块 header 由于element-ui dialog组件在设计时宽度用了百分比, 这里不同浏览器有兼容性问题 ...
android高德地图自定义带数字marker图标,自定义图标-点标记-示例中心-JS API 示例 | 高德地图API...
图标点标记 html,body,#container{ height:100%; width:100%; } .amap-icon img{ width: 25px; height: 34px; } ...
如何在ToolBar中显示文字和图标,自定义图标大小,并和MenuItem关联
要注意以下几个方面,先后顺序未必正确,有可能多设几次 1.设置ToolBar可以显示文字 ToolBar.ShowCaption := True; 2.设置ToolButton大小 ImageList ...
百度地图添加标注及图标拖拽及给标注添加右键
功能要求:拖动地图上的图钉时,在某个位置进行标注.并给标注添加右键操作属性. [1]图标拖拽事件 var myIcon = new BMap.Icon("${ctx }/images/map ...
ElementUI引入自定义图标
目录步骤说明新建项目添加图标项目设置文件引入使用技巧步骤说明新建项目在iconfont网站的"资源管理->我的项目"页面里新建项目,注意"Font ...
苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App，自定义图标，启动动画，自定义名称，全屏应用
在ios中我们可以使用Safari浏览自带的将网页添加到主屏幕上,让我们的web页面看起来像一个本地应用程序一样,通过桌面APP图标一打开,直接全屏展示,就像在APP中效果一样,完全体会不到你是在浏览 ...

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

需求

效果：

ElementUI-Dialog标题添加图标，自定义图标相关推荐

最新文章

热门文章