element-ui 消息提示框样式修改

请求成功的消息提示框,修改字体大小和其他样式,也可以修改icon的样式

/*alert 成功弹出框样式*/
.el-message--success {
  top: 80px !important;
}

.el-message .el-icon-success {
  font-size: 18px;
}

.el-message--success .el-message__content {
  font-size: 18px;
  font-weight: 700;
}

调整页面停留时间

this.$message.success({message: "工位修改成功", duration: 10000})

修改之后

element-ui 消息提示框样式修改_第1张图片

你可能感兴趣的:(element-ui 消息提示框样式修改)