From e51fb0fdd8abac75eb259e05afc59e9b66a89346 Mon Sep 17 00:00:00 2001
From: liulujian <liulujian@liantu.tech>
Date: Sat, 4 Jul 2026 23:25:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B7=AF=E7=94=B1=E8=BF=87=E6=B8=A1?=
 =?UTF-8?q?=E5=8E=BB=E6=8E=89transform=EF=BC=8C=E5=8F=AA=E4=BF=9D=E7=95=99?=
 =?UTF-8?q?opacity=E6=B7=A1=E5=85=A5=E6=B7=A1=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

transform 会创建新的 containing block，破坏 gxnlpt 侧边栏
的 JS fixed 定位计算（_applySidebarSticky 依赖精确的
getBoundingClientRect 值）。纯 opacity 过渡不影响布局。

Co-Authored-By: Claude <noreply@anthropic.com>
---
 txw-mhzc-web/src/pages/index/views/main.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/txw-mhzc-web/src/pages/index/views/main.vue b/txw-mhzc-web/src/pages/index/views/main.vue
index a7cdf1c..cd0ccdf 100644
--- a/txw-mhzc-web/src/pages/index/views/main.vue
+++ b/txw-mhzc-web/src/pages/index/views/main.vue
@@ -460,17 +460,13 @@ export default {
 </style>
 
 <style>
-/* 页面路由过渡动画 — 非 scoped，作用在 transition 内部元素上 */
+/* 页面路由过渡动画 — 纯 opacity 淡入淡出，不用 transform 避免破坏 fixed 定位 */
 .page-fade-enter-active,
 .page-fade-leave-active {
-  transition: opacity 0.18s ease, transform 0.18s ease;
-}
-.page-fade-enter {
-  opacity: 0;
-  transform: translateY(8px);
+  transition: opacity 0.18s ease;
 }
+.page-fade-enter,
 .page-fade-leave-to {
   opacity: 0;
-  transform: translateY(-4px);
 }
 </style>