修改element的Notification 样式

    修改前

修改element的Notification 样式_第1张图片

显示位置只能是右上角左下角,这是个位置

 this.$notify({
          type: 'warning',
          title: '系统通知',
          message: res.data.page.records[0].message,
          duration: 3000,
          customClass: "focus-message",
          showClose: true,
        });
.focus-message {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content !important;
  .el-icon-info::before {
    color: white !important;
  }
  .el-message__content {
    color: black !important;
  }
}

修改后

 居中显示

你可能感兴趣的:(html,javascript,vue.js)