1.0.1 • Published 5 years ago
@beisen-phoenix/mobile-bottom-navigation v1.0.1
bottom-navigation
由以下几个子组件构成
BottomNav 容器组件
BottomNav.Item 单个组件
BottomNav API
| name | description | type | default |
|---|---|---|---|
| style | 样式 | object | |
| state | 状态：1，2: 1为首页标准样式，2为beisencloud标准样式 | number | 1 |
| children | 内容 | any | |
| moreTextColor | 更多按钮的文本和图标颜色 | string | state == 1 ? ${skin.$Sp8} : ${skin.$Sp6} |
BottomNav.Item API
| name | description | type | default |
|---|---|---|---|
| state | 状态：1，2 | number | 1 |
| title | 标题 | string | |
| style | 样式 | object | |
| selected | 是否被选中 | boolean | |
| textColor | 文字颜色 | string | |
| selectedTextColor | 选中的文字颜色 | string | |
| iconColor | 图标颜色 | string | |
| selectedIcon | 选中的图标颜色 | string | |
| icon | 图标 | ReactElement／url | |
| badge | 右上角徽标 | ReactElement／number | |
| clickItem | 点击事件 | Function |