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

要设置 `ElNotification` 的背景和字体颜色，可以使用 `backgroundColor` 和 `color` 属性。具体使用方法如下：

ElNotification({
  message: errorMessage,
  dangerouslyUseHTMLString: true,
  type: 'warning',
  backgroundColor: '#f0ad4e', // 设置背景颜色
  color: '#ffffff' // 设置字体颜色
})

在上述代码中，`backgroundColor` 属性的值为背景颜色的 HEX 值，`color` 属性的值为字体颜色的 HEX 值。可以根据需要进行修改。

相关问题

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

你可以通过修改 CSS 来修改 `ElNotification` 组件中图标的颜色。具体方法是，在你的项目中添加一个 CSS 文件，并在其中添加以下样式：

.el-notification__icon.is-warning {
  color: #FFC107; // 这里可以设置你想要的颜色
}

然后，在使用 `ElNotification` 组件时，将 `type` 属性设置为 `'warning'`，并将 `dangerouslyUseHTMLString` 属性设置为 `true`。这样就可以显示自定义颜色的警告图标了。

vue3 element-plus 中Elmessage.alert()提示 当前单号：EX55500

在Vue3和Element Plus中，ElMessage的使用方式和Vue2和Element UI略有不同，具体使用方法如下：

1. 首先需要在Vue实例中引入ElMessage组件。在Vue3和Element Plus中，可以通过以下方式进行引入：

import { ElMessage } from 'element-plus';
app.config.globalProperties.$message = ElMessage;

其中，`app`是Vue3实例。

2. 在需要使用ElMessage组件的地方，可以通过以下方式调用：

this.$message({
  message: `当前单号：${code}`,
  type: 'success',
  center: true,
  showClose: true
});

其中，`message`为提示内容，`type`为消息类型，可选值有success、warning、info、error等；`center`为是否居中显示，默认为false；`showClose`为是否显示关闭图标，默认为false。

注意，这里使用了ES6模板字符串的语法，可以方便地将变量插入到字符串中。`${code}`表示将变量`code`的值插入到字符串中。

希望这样回答能够帮到您！