认导航
标签页
Tabs
「几个页签切换」「并排的那几个标签」「点了下面内容跟着换」「选项卡」「上面一排分类」「切换页签」「tab栏」
LIVE DEMO真实可交互，动手试试
这里是概览内容，展示词条的核心信息。
- 英文名
- Tabs
- 别名 · 俗称
- 选项卡页签Tab 切换shadcn: Tabs
- Web 叫法
- Tabs
- 大白话定义
- 一排并排的页签，点哪个就切换到哪个面板，不用跳页面就能换内容。
- 部位拆解
- 页签 Tab可点击的标题，一个页签对应一块内容
- 指示器 Indicator下划线或高亮，标记当前选中的页签
- 面板 Panel页签下方对应的内容区
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
在个人中心加标签页（Tabs）：「资料、订单、设置」，点击切换下方内容，选中的加下划线
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的标签页（Tabs）。逐一排除：切换页签时内容区高度跳动，页面上下晃；键盘方向键不能切换页签，焦点管理缺失；选中指示条动画闪烁，位移用了会触发重排的属性；选中状态没同步 URL，刷新后丢回第一个页签。症状是：