标签页

概述

标签页是将相似的内容组织在同一视图中的单选组件，通过标签让用户在层级相同的不同子任务、视图、模式之间切换，具有全局导航的作用

• 标签内容尽量简洁，必要时可附带图标，用于总结相应视图中的内容，同时作为切换视图的按钮，建议每个标签不超过6个汉字，一次展示不超过7个标签
• 标签对应的内容，内容形式不限，区域大小根据内容量和页面布局而定
• 切换选项卡时在同一页面内进行，建议不要跳转新启页面
• 在支持定制标签页的场景下，可以通过新增和关闭按钮进行标签页的删减

基础类型

默认标签样式，通过下划线标识，配合颜色的变化来指示选中的标签页

文字标签页

轻量的标签页类型，仅通过文本颜色的变化来指示选中的标签页，适合用于页面信息量多时的次级内容模块。

卡片标签页

给标签文本增加背景容器，适合用于强调重要标签页，或内容区域较大的场景下

按钮标签页

一般用于小版块内，或与基本样式、卡片样式搭配使用，多个标签存在时，标签宽度根据字数做适应，每个标签文字最多6个字。

布局

根据标签位置的不同，标签页可分为上下布局和左右布局

尺寸

标签页一般可分为3个尺寸，按照使用场景的不同选择适合的尺寸，大尺寸常用于页头区，小尺寸常用在弹框等狭小的容器内。标签的默认文字为14px，在页面空间不足的情况下可使用12px，同一组标签页的文字尺寸需要相同