uniapp弹出框_uni-app实现弹窗遮罩

{ {content}}

exportdefault{

props: [‘content‘],

data() {return{

isShowDialog:false, //整个弹窗

isShowMaskContent: false, //白色填充区域

}

},

methods: {

dialogClose() {

let that= this;

that.isShowMaskContent= false;

setTimeout(function() {

that.isShowDialog= false;

that.$forceUpdate();

},100);

},

},

mounted() {

let that= this;//显示遮罩

Utils.$on(‘is-show-message-mask‘, () =>{

that.isShowMaskContent= true;

that.isShowDialog= true;

});

}

}

width:100%;

height: 100vh;

background: rgba(0, 0, 0, 0.5);

z-index: 999;

position: fixed;

left:0;

top:0;

padding-top: 10vh;