--- nav: path: /components group: title: 导航 order: 6 toc: 'content' --- # TabBar 底部导航栏 用于在不同页面之间进行切换。 ## 代码示例 ## API | 属性 | 说明 | 类型 | 默认值 | | --------------- | ------------------------------------------------------- | ----------------------- | ------ | | activeClassName | 选项卡激活类名 | string | - | | activeStyle | 选项卡激活样式 | string | - | | className | 类名 | string | - | | current | 选中项 | number | - | | defaultCurrent | 初始选中项 | number | 0 | | icon | 选项卡图标作用域插槽,接收 item、index、active 参数 | slot | - | | items | 底部图标配置 | [TabItem](#tabitem)[] | [] | | style | 样式 | string | - | | text | 选项卡底部文字作用域插槽,接收 item、index、active 参数 | slot | - | | onChange | Tab 切换时触发回调 | `(index: number) => void` | - | ### TabItem | 参数 | 说明 | 类型 | 默认值 | | ---------- | -------------------------------------------------- | ------ | ------ | | icon | 底部图标,支持 [Icon](./Icon) 或图片地址 | string | - | | activeIcon | 激活状态的底部图标,支持 [Icon](./Icon) 或图片地址 | string | - | | text | 底部文字 | string | - | | badge | 徽标类型,参见 [Badge](./Badge) 组件 | object | - |