View Source

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

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

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

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

可选 line、card 、editable-card 类型

1. type="line"（默认值）

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

2. type="card"

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

3. type="editable-card"

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

自定义标签栏的样式。借助这个属性，你能对标签栏的背景颜色、字体样式、内边距等进行修改。

{
backgroundColor: '#f0f0f0',
padding: '10px',
borderBottom: '1px solid #ccc'
};