element-ui中 this.$confirm修改确定取消按钮顺序和样式
首先其他博客上说是给 this.$confirm中添加取消样式,我试过了无效
本人采用的方案是利用css的gap属性,在项目默认css文件中修改即可
// this.confirm删除确认框修改确定取消按钮顺序
.el-message-box__btns {
text-align: right;
padding: 5px 120px 0;
display: flex;
flex-direction: row-reverse;
gap: 65px;
}
.el-message-box__title {
padding-left: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 1;
font-weight: 600;
color: #060606;
}