怎么设置element-plus中ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', })图标颜色
时间: 2024-03-11 10:51:39 浏览: 93
vue3-element-admin:vue3 + element-plus + typescript 后台管理系统
你可以通过修改 CSS 来修改 `ElNotification` 组件中图标的颜色。具体方法是,在你的项目中添加一个 CSS 文件,并在其中添加以下样式:
```css
.el-notification__icon.is-warning {
color: #FFC107; // 这里可以设置你想要的颜色
}
```
然后,在使用 `ElNotification` 组件时,将 `type` 属性设置为 `'warning'`,并将 `dangerouslyUseHTMLString` 属性设置为 `true`。这样就可以显示自定义颜色的警告图标了。
阅读全文