element-plus中的Notification 通知组件怎么更改成功和警告样式

在element-plus中，可以通过设置`type`属性来更改通知组件的样式。其中，`type`属性的可选值包括`success`、`warning`、`info`和`error`，分别对应不同的样式。

下面是一个示例代码，演示如何使用`Notification`组件并设置不同的`type`属性来更改通知组件的样式：

<template>
  <div>
    <el-button @click="showSuccess">显示成功通知</el-button>
    <el-button @click="showWarning">显示警告通知</el-button>
  </div>
</template>

<script>
import { ElNotification } from 'element-plus';

export default {
  methods: {
    showSuccess() {
      ElNotification({
        title: '成功提示',
        message: '操作成功！',
        type: 'success'
      });
    },

    showWarning() {
      ElNotification({
        title: '警告提示',
        message: '操作失败！',
        type: 'warning'
      });
    }
  }
};
</script>

在上面的示例代码中，当点击“显示成功通知”按钮时，会显示一个带有绿色背景的通知，显示“操作成功！”的消息。而当点击“显示警告通知”按钮时，会显示一个带有黄色背景的通知，显示“操作失败！”的消息。