返回 Pack GalleryMotion Pack 05 · 选择决策 Design 已选择
工作区切换
切换上下文时，让活动标签与内容表面保持一条连续的焦点路径。
Design spaceDesign system
实现一个工作区切换器：点击标签后，活动底板平滑移到新标签，内容区在极短的淡入和上移里替换。保留键盘 tab 语义与减弱动效版本。
动效规则
活动底板先到达，内容随后在相同上下文中换页。
减弱动效
直接更新标签与内容，保留键盘焦点。
实现
HTML、CSS 与行为所需的 JavaScript 一起复制。