1、什么是tabBar?
tabBar是移动端应用常见的页面效果,用于实现多页面的快速切换。小程序中常分为:
- 底部 tabBar
- 顶部 tabBar
2、tabBar 节点的配置项
- position :tabBar的位置,仅支持bottom/top
- border :tabBar上边框的颜色,仅支持black/white
- color :tab上文字的默认颜色
- selectedColor :tab上文字选中时的颜色
- backgroundColor :tabBar的背景色
- list : tabBar页签的列表(最少两个,最多五个)
3、每个tab项的配置选项
- pagePath :页面路径,页面必须在pages中预先定义
- text : tab上显示的文字
- iconPath :未选中时的图标路径;当position为top时,不显示icon
- selectedIconPath :选中时图标的路径;当position为top时,不显示icon
"tabBar": { "list": [{ "pagePath": "pagePath", "text": "text", "iconPath": "iconPath", "selectedIconPath": "selectedIconPath" }] }
来源地址:https://blog.csdn.net/yrc1314/article/details/130254322