自己写的遮罩层组件, 结果在部分手机上只展示了一半的弹窗,代码如下。没找到是什么原因。问一下大家你们遮罩层是怎么写的,是用fixed布局吗?
< view class = "dialog" >
< view class = "dialog__mask" catchtap = 'hidePopup' ></ view >
< view class = "dialog__slot" >
< slot ></ slot >
</ view >
</ view >
|
.dialog {
display : flex;
justify- content : center ;
align-items: center ;
position : fixed ;
top : 0 ;
bottom : 0 ;
left : 0 ;
right : 0 ;
z-index : 99 ;
}
.dialog__mask {
width : 100% ;
height : 100% ;
background-color : rgba( 0 , 0 , 0 ,. 6 );
position : absolute ;
}
.dialog__slot {
background-color : #ffffff ;
position : absolute ;
border-radius: 16 rpx;
}
|
弹窗界面的wxss里面加上Page { width: 100%; }