category: Components type: tab component: Basic chinese: 卡片选项卡 english: CNCardTab

卡片类型tab组件，平铺整行展示。

规则

• 定义的tab会将整行进行分配，方便在tab卡片中自定义内容。

API

CNCardTab

| 成员 | 说明 | 类型 | 默认值 | |------------|----------------|----------|-------------| | activeKey | 当前激活 tab 面板的 key| string/number | - | | defaultActiveKey | 初始化选中面板的 key | string/number | - | | lazyLoad | 是否延迟渲染好所有 Panel 的内容 | boolean | true | | unmountInactiveTabs | 是否自动卸载未处于激活状态的选项卡内容 | boolean | false | | onlyShow | 是否仅做展示用 | boolean | false | | className | 自定义样式类 | string | - | | style | 自定义内联样式 | object | - | | navClassName | 自定义导航条样式类 | string | - | | navStyle | 自定义导航条内联样式 | object | - | | contentClassName | 自定义内容区样式类 | string | - | | contentStyle | 自定义内容内联样式 | object | - | | span | 将一行分成几份(参考grid中的栅格)可选值:1,2,3...23,24 | string/number | - | | onChange | 选项卡发生切换时的事件回调Function(key: String) => void参数key:改变后的 key | function | - | | onClick | 点击单个选项卡时触发的回调Function(key: String) => void参数key:点击的key | function | - |

CNCardTab.Panel

| 成员 | 说明 | 类型 | 默认值 | |------------|----------------|----------|-------------| | tab | 选项卡渲染的内容 | ReactNode | - | | key | 每个选项卡的唯一标识 | string/number | - | | span | 单独tab所占的列宽，同CNCardTab中的span，会覆盖整体定义的span | string/number | - | | tabClassName | 自定义每个tab的样式类 | string | - | | tabStyle | 自定义每个tab的内联样式 | object | - |