怎么设置element-plus中的Notification 通知组件颜色

您可以使用element-plus的Notification组件的type属性来设置通知的类型，从而改变通知的颜色。type属性支持四种类型：success、warning、info和error。例如，如果您想要将通知的颜色设置为红色，可以将type设置为error，如下所示：

<template>
  <div>
    <el-button @click="showNotification">显示通知</el-button>
  </div>
</template>

<script>
import { defineComponent, Notification } from 'element-plus';

export default defineComponent({
  methods: {
    showNotification() {
      Notification({
        title: '警告提示',
        message: '操作失败！',
        type: 'error'
      });
    }
  }
});
</script>

当然，您也可以自定义通知的样式，例如更改通知的背景颜色、文本颜色和边框颜色等。您可以使用element-plus的全局样式覆盖默认的通知样式，或者在组件中添加一个class，并在CSS文件中使用该class来覆盖样式。例如，以下CSS样式将会将通知的背景颜色、文本颜色和边框颜色都设置为红色：

.el-notification__group.is-with-icon .el-notification__content {
  background-color: red;
  color: white;
  border-color: red;
}