This commit is contained in:
2026-09-15 17:36:24 +08:00
parent 35b814279e
commit 0075ddb0f2
2 changed files with 8 additions and 4 deletions
+7 -2
View File
@@ -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;