跳到主要内容
tabs
选项卡提供了在同一区域呈现多个视图之间的交替展示,用户通过单击某个选项卡来切换展示,一次只能切换展示一个选项卡视图 ,通常用于快速浏览不同视图之间的导航。

基本定义

概述

选项卡提供了在同一区域呈现多个视图之间的交替展示;用户通过单击某个选项卡来切换展示,一次只能切换展示一个选项卡视图 ;通常用于快速浏览不同视图之间的导航。

构成

Untitled

  1. 选项卡标题:描述每个选项卡其中包含的内容,描述应当尽量简洁,建议最多不超过8个字符,字符过长会影响体验。
  2. 选中状态:一次始终只能选中和展示一个选项卡内容。
  3. 选项卡数量:在大多数情况下,建议不超过六个选项卡,这保持了UI的整洁,并减少了用户的认知负担。

类型

选项卡分为一级选项卡和次级选项卡两种,它们有层级关系,一级始终大于次级,并可嵌套使用。

Untitled

  • 一级选项卡
  • 二级选项卡
类型目的
一级选项卡默认选项卡,主要用于页面内容切换,始终出现在次级选项卡只上
次级选项卡主要用于页面内部模块,始终出现在一级选项卡之后,可以嵌套在一级选项卡内使用

Untitled

用法

什么时候使用

  • 您希望让用户在对象详细信息区域中的不同对象方面之间导航;
  • 您的业务对象需要同时显示多个方面信息;

相关资源

Tabs, Used Right