三、导航

3.1 标签页

标签页把大量信息进行分类展示，用户可以方便地切换标签，而不必跳转页面进行比较浏览，可以在有限的显示区域内展示更多信息。分类可根据业务类别、业务状态或者操作类型等并列关系来分，分类标题长度为 2-6 个中文字。

3.1.1 基本样式

引领整个页面的内容，用于主功能切换。

3.1.2 卡片样式

用于页面中局部展示，包裹型容器能很好的和其它内容隔离。

3.1.3 胶囊型样式

用于卡片内的选项切换，经常和其它组件结合使用，让用户快速切换对应内容。

3.1.4 竖型样式

用于分类较多的选项，可以不限制分类数量，具备更好的扩展性。

3.2 步骤条

步骤条是引导用户按照流程完成任务的导航条，可以帮助用户对操作流程长度和步骤有个预期，并且知道自己当前在哪个步骤，同时也可以对用户的任务完成度有明确的度量。当任务复杂或者存在先后关系时，将其分解成一系列步骤。

3.2.1 横向流程步骤条

步骤多于 2 步时使用，但建议不超过 5 步，每阶段文字长度保持在 12 个字符以内。

3.2.2 竖向流程步骤条

一般居页面左侧，悬浮固定，可追加多行文字描述，适合较多步骤或步骤数动态变化时使用，例如：时间步骤跟踪描述。