Page tree
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 6 下一个 »

选项卡切换组件,提供平级的区域将大块内容进行收纳和展现,保持界面整洁。配置属性说明:

组件名称

当前组件的名称, 没特殊要求,当前窗口唯一,字符串。

初始化选中面板的key

defaultActiveKey 属性接收一个字符串类型的值,这个值要和 TabPane 组件的 key 属性值相匹配。当组件首次渲染时,Tabs 会把 defaultActiveKey 对应的 TabPane 设为激活状态

页签位置

页签位置,可选值有 top、right、bottom、left。

页签基本样式

可选 linecard 、editable-card 类型

 

1. type="line"(默认值)

 

这是 Tabs 组件的默认类型,标签页以线条样式展示,激活的标签下方会有一条下划线。

 

 

2. type="card"

 

标签页以卡片样式展示,每个标签都有一个卡片边框,激活的标签会有不同的背景颜色。


3. type="editable-card"

这种类型是在 card 类型的基础上增加了可编辑的功能,标签页右侧会显示添加和删除标签的按钮。


tab bar的自定义样式

 

切换页签时使用动画

是否使用动画切换 Tabs,在 tabPosition=top|bottom 时有效。

显示‘添加’按钮


显示徽标


操作按钮

参见:Card#%E6%93%8D%E4%BD%9C%E5%88%97

可见

是否在页面展示。

  • 无标签