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

refactor(dashboard): Header .tab 改用具体属性 transition 而非 transition: all

Browse Source 
代码评审指出 `transition: all` 是已知的 CSS 反模式——会触
发所有属性的动画，包括未预期的 layout-trigger 属性（width、
height、padding 等）。窄化为 `background` 与 `color`，符合
.tab 实际变化的状态。
This commit is contained in:
zheng020 2026-06-02 22:10:12 +08:00
parent a91d7a5e61
commit 6c8ecb8fda
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/pages/dashboard/components/DashboardHeader.vue
View File

@ -135,7 +135,7 @@ defineEmits(['update:activeTab'])
font-size: 28rpx;
color: rgba(255, 255, 255, 0.75);
border-radius: 22rpx;
transition: all 0.25s ease;
transition: background 0.25s ease, color 0.25s ease;
}
.tab-active {