Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(Tabbar): new component #151

Merged
merged 15 commits into from
Jul 28, 2022
Merged

feat(Tabbar): new component #151

merged 15 commits into from
Jul 28, 2022

Conversation

charleylla
Copy link
Collaborator

@charleylla charleylla commented Jun 20, 2022

image

TabBar 底部导航栏

用于在不同页面之间进行切换。

注意事项

  • 默认 2~5 个选项卡,默认按整体宽度等分居中排布
  • 可以使用 Ant Design Mini 自带的图标库或者自定义图片作为图标

代码示例

基本使用

属性

TabBar

属性 类型 必填 默认值 说明
tabs Array [] 底部图标配置
defaultActiveKey number '' 默认高亮的 key
activeColor string '#1677ff' 高亮的颜色
maxTabCount number 5 最大展示的 Tab 数量

事件

TabBar

事件名 说明 类型
onChange Tab 切换时候,触发回调 (tab: object, index: number) => void

@rayhomie rayhomie changed the title feat: 添加 tabbar 组件 feat(Tabbar): 新增 tabbar 组件 Jul 27, 2022
@rayhomie rayhomie changed the title feat(Tabbar): 新增 tabbar 组件 feat(Tabbar): new component Jul 27, 2022
@miaodongqing miaodongqing merged commit 6397ce1 into master Jul 28, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants