xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 路由过渡去掉transform，只保留opacity淡入淡出

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liulujian 2026-07-04 23:25:34 +08:00
parent 075402aab6
commit e51fb0fdd8
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
txw-mhzc-web/src/pages/index/views/main.vue
View File

@ -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>