返回辨真假
辨真假

标签页 vs 分段控件

Tabs · Segmented Control

一句话区分

切页面内容、切查看方式

LIVE DEMO全量并排,直接切身感受差异

标签页

Tabs

查看词条

这里是概览内容,展示词条的核心信息。

分段控件

Segmented Control

查看词条
什么时候用哪个按成员拆开看场景,不再靠猜

标签页

Tabs

  • 在同一上下文里切不同内容面板
  • 每个选项都有自己的内容区域
  • 适合详情页里的介绍、评论、设置子页

分段控件

Segmented Control

  • 切换同一份数据的展示方式
  • 选项很少,状态切换要更轻更快
  • 适合列表/网格、日/周/月这类视图切换
各自的提示词当前按 Web 组织,复制即可继续指挥 AI

标签页

Tabs

Web

在个人中心加标签页(Tabs):「资料、订单、设置」,点击切换下方内容,选中的加下划线

分段控件

Segmented Control

Web

在列表上方加分段控件(ToggleGroup):「全部、未读、已读」,选中即筛选列表数据

标签页 vs 分段控件 对比 · ViboDesign