导航选项卡组件

选项卡组件用于展示一组可点击的标签入口，适合分类导航、活动会场入口或页面内的并列操作。每个选项可以配置独立点击动作。

添加组件

1. 在页面编辑器中拖入【选项卡】组件；
2. 在【选项卡内容】中新增或调整选项；
3. 填写每个选项的标题并配置点击动作；
4. 按需设置角标数值或提示点；
5. 调整组件样式，保存后预览点击结果。

主要配置

配置项	说明
底部阴影	控制组件底部是否显示阴影
横向滚动	选项较多时允许横向滚动
滑块	显示当前选中项的指示滑块
选中加粗	加粗当前选中项文字
选项标题	单个标题最多填写界面允许的字符数
点击动作	为每个选项设置跳转或其他可用动作
角标配置	设置角标文字或提示点
样式	调整高度、字号、圆角和配色

选项卡是导航组件，不是用于嵌套其他装修组件的容器。需要展示不同商品内容时，应将每个选项的点击动作指向对应页面或业务入口。

使用建议

• 选项数量较多时开启滚动，避免标题被压缩；
• 标题保持简短，并确保每个点击动作有效；
• 角标仅用于确有提示意义的状态或数量；
• 选中颜色与页面背景保持足够对比度；
• 发布前逐项点击，检查目标页面和返回路径。

推荐配置

• 2 至 4 个短标题可关闭横向滚动，让选项均匀分布；
• 选项较多或标题较长时开启横向滚动；
• 角标只用于真实数量或状态提醒，不建议作为普通装饰；
• 如果需要切换同一页面中的内容，应使用具备业务切换能力的系统页面，而不是配置多个无关联跳转。

常见问题

点击选项后为什么没有切换下方内容？

导航选项卡只负责执行每一项的点击动作，不会控制其他装修组件。请为选项配置目标页面。

角标可以显示动态未读数吗？

装修组件中的角标是静态配置，不会自动读取消息未读数。动态角标应由对应系统页面处理。