文章目录
- 2、tabBar
- 2.1 什么是tabBar
- 2.2 tabBar 的 6 个组成部分
- 2.3 tabBar的节点配置项
- 2.4 每个 tab 项的配置选项
2、tabBar
2.1 什么是tabBar
tabBar 是移动端应用常见的页面效果,用于实现多页面 的快速切换。小程序中通常将其分为:
- 底部 tabBar
- 顶部 tabBar
注意
tabBar中只能配置最少 2 个、最多 5 个 tab 页签;
当渲染顶部 tabBar 时,不显示 icon,只显示文本;
2.2 tabBar 的 6 个组成部分
backgroundColor
:tabBar的背景色
selectedIconPath
:选中时的图片路径
borderStyle
:tabBar上边框的颜色
iconPath
:为选中时的图片路径
selectedColor
:tab上的文字选中时的颜色
color
:tab上文字的默认(未选中)颜色
2.3 tabBar的节点配置项
属性 | 类型 | 必填 | 默认值 | 描述 |
---|