From 0075ddb0f255d35f9218b36bb4280df086185f04 Mon Sep 17 00:00:00 2001 From: zhengchiliu <857493511@qq.com> Date: Tue, 15 Sep 2026 17:36:24 +0800 Subject: [PATCH] bugfix --- miniprogram/app.wxss | 3 +-- miniprogram/components/v2-overlay/index.wxss | 9 +++++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/miniprogram/app.wxss b/miniprogram/app.wxss index d8d2d3b..9c77acc 100644 --- a/miniprogram/app.wxss +++ b/miniprogram/app.wxss @@ -636,13 +636,12 @@ swiper-item { /* ============================================================================ §15 底部抽屉(页面级 Sheet,含抓手 / 标题行 / 滚动体 / 底部操作区) ========================================================================== */ +/* 遮罩只压暗、不做全屏模糊:全屏 backdrop-filter 会让整页发虚 */ .scrim { position: fixed; inset: 0; z-index: 70; background: rgba(0, 0, 0, .28); - -webkit-backdrop-filter: blur(2px); - backdrop-filter: blur(2px); animation: fadeIn .28s var(--ease) both; } @keyframes fadeIn { diff --git a/miniprogram/components/v2-overlay/index.wxss b/miniprogram/components/v2-overlay/index.wxss index eb3db68..d94f517 100644 --- a/miniprogram/components/v2-overlay/index.wxss +++ b/miniprogram/components/v2-overlay/index.wxss @@ -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;