From d9358ab37791a622628d21b2390974d99dc986f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=80=BB=E5=B7=A5?= Date: Mon, 14 Sep 2026 21:38:06 +0800 Subject: [PATCH] =?UTF-8?q?fix(HEL-529):=20=E5=87=8F=E5=B0=91=E5=8A=A8?= =?UTF-8?q?=E6=80=81=E6=8C=82=E5=88=B0=20body/#app=20=E8=A6=86=E7=9B=96?= =?UTF-8?q?=E6=8A=BD=E5=B1=89=E5=BC=B9=E5=B1=82=E8=BF=87=E6=B8=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 审核返工：reduce-motion 原先只挂 #appRoot，兄弟节点 drawer/modal/toast 的 CSS transition 仍生效；改为挂 body 与 #app，computed duration 归零。 Co-authored-by: Cursor Co-authored-by: multica-agent --- xiaobai-datahub/admin/app.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/xiaobai-datahub/admin/app.js b/xiaobai-datahub/admin/app.js index ef37e34..24066d9 100644 --- a/xiaobai-datahub/admin/app.js +++ b/xiaobai-datahub/admin/app.js @@ -1021,7 +1021,11 @@ function updateClock() { } function applyCalm(on) { state.calm = on; - $('appRoot').classList.toggle('reduce-motion', on); + // 挂在 #app（覆盖 appRoot 及其兄弟 drawer/modal/toast），不能只挂 #appRoot： + // 否则 .reduce-motion * 与 .reduce-motion .drawer/.toast 选不中旁路层过渡。 + document.body.classList.toggle('reduce-motion', on); + const app = $('app'); + if (app) app.classList.toggle('reduce-motion', on); $('calmBtn').textContent = on ? '恢复动态' : '减少动态'; $('calmBtn').classList.toggle('on', on); }