TabBar 底部导航

## MbTabBar 底部导航
底部导航，配置子项，点击子项切换子项绑定的页面

![](/media/202405/2024-05-10_165720_958400.png)

- 基本属性

| 字段               | 类型     | 空 | 默认 | 注释                     |
|------------------|--------|---|----|------------------------|
| normalColor      | string | 否 |    | 标签正常字体色                |
| selectedColor    | string | 否 |    | 标签选中字体色                |
| initialRouteName | string | 否 |    | 初始显示标签页名称，不填写默认显示第一个页面 |
| children         | array  | 是 |    | 标签子项数组                 |

![](/media/202405/2024-05-10_165752_229619.png)

### API
- setBadge(name, val) 设置气泡方法， name为标签页名称， val为气泡值 string或者number类型， val为 null、undefined则无气泡
eg：`this.MbTabBar_RucceDUj.setBadge('应用中心', 10);`

![](/media/202405/2024-05-10_165844_673462.png)

### MbTabBarItem
- 基本属性

| 字段           | 类型     | 空 | 默认 | 注释   |
|--------------|--------|---|----|------|
| bindPage     | sting  | 是 |    | 绑定页面 |
| iconSource   | string | 否 |    | 图标库  |
| inActiveIcon | string | 否 |    | 正常图标 |
| activeIcon   | string | 否 |    | 选中图标 |
| size         | int    | 否 | 20 | 图标大小 |

![](/media/202405/2024-05-10_165921_893926.png)