怎么设置element-plus中ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', })图标垂直居中,报警图标颜色为红色

可以使用CSS样式来实现ElNotification图标垂直居中和报警图标颜色为红色的效果。具体实现方法如下：

在样式中添加如下代码：

.el-notification__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: red;
}

这里使用了flex布局来使图标垂直居中，并且设置了颜色为红色。将该样式添加到你的CSS文件中，或者直接添加到你的HTML文件中的style标签中即可实现效果。

相关问题

怎么设置element-plus ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', })颜色

要设置 `ElNotification` 的颜色，可以使用 `type` 属性。具体使用方法如下：

ElNotification({
  message: errorMessage,
  dangerouslyUseHTMLString: true,
  type: 'warning' // 设置颜色类型
})

在上述代码中，`type` 属性的值为颜色类型，可以设置为 `'success'`、`'warning'`、`'info'`、`'error'` 中的任意一个。如果需要设置自定义的颜色，可以使用 `backgroundColor` 和 `color` 属性进行设置。

import {ElNotification} from 'element-plus' ElNotification({ message: successMessage, dangerouslyUseHTMLString: true, type: 'success', }) .el-notification__success { background-color: #67C23A; color: #fff; } .el-notification__error { background-color: #F56C6C; color: #fff; }为什么样式没有覆盖

根据你提供的代码，我发现你将样式定义放在了 `ElNotification` 的调用之后，这样是无法实现样式覆盖的。

你需要将样式定义放在 `ElNotification` 调用之前，或者将样式定义放在样式表中并在 HTML 文件中引入样式表，这样才能实现样式覆盖。

例如：

.el-notification__success {
  background-color: #67C23A;
  color: #fff;
}

.el-notification__error {
  background-color: #F56C6C;
  color: #fff;
}

请确保将样式定义放在 `ElNotification` 调用之前或者在 HTML 文件中正确引入样式表。