element-ui中组件Notification通知组件，可能我们在使用过程中需要修改他的图标颜色，或者是需要修改他出现是的动作。那么就需要对其组件进行操作修改。

（1）修改图标颜色，以警告通知样式为例。

需要修改在单独的<style>标签内部 添加这个通知组件的样式，这里面需要，在页面出现提示框的情况下找到该元素，然后复制其标签类名，在单独的<style>标签内部，进行修改其需要的颜色即可实现。

this.$notify({

                title: '导入失败!',

                message: res.data.message,

                type: 'warning',

                duration: 0   //因为该通知组件显示自带时间，为了让其能一直显示被找到，可以设置这个属性为0，让其一直显示

              })

<style>
/* 警告通知组件图标颜色更改为红色 */
  .el-notification .el-icon-warning {
    color: red;
  }
</style>

（2）让其从中间显示，那么需要给其通知组件添加个类名对应属性。

        this.$notify({
           title: '导入失败!',
           message: res.data.message,
           type: 'warning',
           // duration: 0
           customClass: 'notify-warning' //添加对应的类名，然后在style标签中添加样式即可。
         })

样式标签内部添加对应样式，让其显示的动画动作修改（这里是以告警通知组件样式写的，如果是用其他的，对应的名也不一样，找到元素对应添加即可，对应样式让其从偏中间移动显示出来的动画）

<style>
.notify-warning {
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s, transform 0.3s, top 0.4s, bottom 0.3s;
  }
/*这是成功的通知组件样式修改，对应的类名*/
 .notify-success {
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s, transform 0.3s, top 0.4s, bottom 0.3s;
  }
</style>

//组件自带的动画

下面是默认组件自带的样式。可以对应自己需求，在新标签内部修改添加自己需要的动作和样式。