From 7784ccafa818b5f9d342e0994bc77bc299b91ac4 Mon Sep 17 00:00:00 2001 From: cnliucheng Date: Thu, 9 Jul 2026 11:04:37 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E4=BF=AE=E5=A4=8D=E8=AE=AD=E7=BB=83?= =?UTF-8?q?=E8=AE=B0=E5=BD=95=E8=AF=A6=E6=83=85=E5=BC=B9=E7=AA=97=E8=A2=AB?= =?UTF-8?q?=E5=BA=95=E9=83=A8=E9=81=AE=E6=8C=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit pageIn 动画终态 transform: translateY(0) 是非 none 的 transform,会让 .container 成为包含块,后代 position: fixed 降级相对 .container。 记录页内容超一屏时 flex 居中把弹窗放到 .container 几何中心(视口下方), 被底部 dock 遮挡。改终态为 transform: none(视觉无变化,不创建包含块), fixed 恢复相对视口。records 日历详情/settings 计划编辑器/timer 完成弹窗均受益。 Co-Authored-By: Claude Fable 5 --- app.wxss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/app.wxss b/app.wxss index 0f3859d..9946b19 100644 --- a/app.wxss +++ b/app.wxss @@ -130,5 +130,10 @@ image { @keyframes pageIn { from { opacity: 0; transform: translateY(20rpx); } - to { opacity: 1; transform: translateY(0); } + /* `none` (not translateY(0)) so the finished animation leaves NO transform + on .container - any non-none transform creates a containing block that + demotes descendant position:fixed to relative-to-container, breaking + full-screen modals (day-detail / plan-editor / completion) once the + page scrolls past one viewport height. */ + to { opacity: 1; transform: none; } }