0
点赞
收藏
分享

微信扫一扫

ElementUI MessageBox 适配移动端,修改宽度


1、Element ui 默认的宽度是420px 在移动端长度太长,需要审批

ElementUI MessageBox 适配移动端,修改宽度_elementui

2、解决方案

this.$confirm('请先确认签名是否正确,一旦签名成功,无法撤销?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
customClass: 'msgbox'
}).then(() => {

}).catch(e => {

});

 customClass: 'msgbox'   给弹出框加一个额外的class 名称

@media (max-width: 720px) {
.msgbox{
width: 320px !important;
}
}

3、效果

ElementUI MessageBox 适配移动端,修改宽度_弹出框_02

 

举报

相关推荐

【css】移动端适配

vue移动端适配

适配移动端基础

移动端rem适配

CSS移动端适配

进行移动端rem适配

vue移动端页面适配

0 条评论