bugfix
This commit is contained in:
@@ -5,12 +5,12 @@
|
||||
z-index: 80;
|
||||
}
|
||||
|
||||
/* 遮罩只压暗、不做全屏模糊:全屏 backdrop-filter 会把整页糊掉,也会连带把面板糊虚 */
|
||||
.scrim {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 1;
|
||||
background: rgba(0, 0, 0, .28);
|
||||
-webkit-backdrop-filter: blur(2px);
|
||||
backdrop-filter: blur(2px);
|
||||
animation: ovFade .28s cubic-bezier(.32, .72, 0, 1) both;
|
||||
}
|
||||
@keyframes ovFade {
|
||||
@@ -23,6 +23,8 @@
|
||||
.modal-wrap {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
/* 必须高于遮罩:面板自身带毛玻璃+位移动画,层级不确定时会被压到遮罩之下而发灰发虚 */
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -80,6 +82,8 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
/* 高于遮罩:面板不能被压暗,也不能被遮罩的模糊糊掉 */
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 16rpx calc(16rpx + env(safe-area-inset-bottom));
|
||||
@@ -134,6 +138,7 @@
|
||||
.toast-wrap {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
Reference in New Issue
Block a user