vue $confirm 自定义图标及修改图标颜色

一、先直接上解决方案，再讲解源码。

this.$confirm('', {title:"提示",message:"确认删除？",iconClass:"el-icon-question colorYellow",
}).then(() => {})

el-icon-question是element的图标。colorYellow为颜色样式

这里说明下，colorYellow必须写在全局样式文件内才管用，写在colorYellow所在的vue文件内不管用。具体我也不知道为啥。

关于怎么写全局样式。可见我另一篇。

二、接下来说明下为啥这样写。

$confirm已经指定了几种默认的图标及样。属性用type表示。类型有 'success' | 'warning' | 'info' | 'error' 这几种

1、在idea中按住ctrl键点进confirm类

2、依然按住ctrl键跟进

3、我们会看到这么一个东西，confirm方法所接受的参数及参数类型

4、找到type 继续跟进。看图

。

vue $confirm 自定义图标及修改图标颜色相关推荐

U盘加背景图片，改图标，修改字体颜色,把文件夹变彩色，更改文件夹背景
U盘加背景图片,改图标,修改字体颜色,把文件夹变彩色,更改文件夹背景改图标: 1.首先选择一个你喜欢的图标,图标的扩展名是:ico. 2.将这个图标文件拷到U盘,并在U盘中新建一个文本文档. 3.在 ...
Vue 使用echarts 地图自定义图标和修改图标样式，点击切换图标
效果图:如下注意事项: 1.使用echarts最好看官方文档,官方文档(链接如下) https://echarts.apache.org/examples/zh/index.html#chart-t ...
自定义searchview包括修改图标样式
2019独角兽企业重金招聘Python工程师标准>>> 做的很粗糙.为啥不能上传gif格式?csdn很强大. . 背景是自己定义的白色边框,直接定义一个xml.下面是更改图标和字 ...
android 自定义searchview,自定义searchview包括修改图标样式
做的很粗糙.为啥不能上传gif格式?csdn很强大. . 背景是自己定义的白色边框,直接定义一个xml.下面是更改图标和字体颜色. 直接看代码: package com.example.liuxinq ...
百度地图自定义覆盖物自定义字体图标动态修改图标颜色
实现效果: 图标用的是字体图标,为了方便动态改变颜色关键代码 function ComplexCustomOverlay(params) {let defaultParams = {point: { ...
自定义SpringBoot程序启动图标
在SpringBoot程序启动时,控制台经常看到以下启动图标. 修改图标步骤在src/main/resources目录下创建一个banner.txt文件: 将图标添加到banner.txt文件保存, ...
自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标修改光标颜色修改边框颜色 placeholder颜色设置文本框背景
文章转自:http://blog.csdn.net/zhang_red/article/details/21447535 总结下常用的几点: 1.修改放大镜图标 [self setImage:[UII ...
阿里图标的引入使用即灵活修改大小颜色
网址 iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载.在线存储.格式转换等功能.阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具h ...
Android Studio修改标题栏颜色和APP图标
一.修改标题栏颜色 1.在value的colors.xml文件夹中添加自定义颜色 <color name="myColorWhite">#FFFFFF</colo ...
01_MUI之Boilerplate中：HTML5示例，动态组件，自定义字体示例，自定义字体示例，图标字体示例
1安装HBuilder5.0.0,安装后的界面截图如下: 2 按照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上图的 ...

vue $confirm 自定义图标及修改图标颜色

vue $confirm 自定义图标及修改图标颜色相关推荐

最新文章

热门文章