前言
tabBar字段:定义小程序顶部、底部 tab 栏,用以实现页面之间的快速切换,可以通过 tabBar 配置项指定tab栏的表现,以及tab切换时显示的对应页面。
注意:tab 按数组的顺序排序,list 配置最少2个、最多5个tab
官方文档:tabbar配置项
配置tabbar(跟window同级)
- selectedColo:tab选中时的文字颜色
- color:文字颜色
- backgroundColor:tab栏的背景颜色
- borderStyle:分界线的显示black,隐藏white
- position:状态栏的位置,默认bottom,top顶部时不展示图标
- list:路由信息,最少两个,最多五个
list配置
- text:tab对应的标题
- pagePath:路由路径
- iconPath:图标路径
- selectedIconPath:选中时图标路径
局部配置-页面配置
小程序的页面配置,也称局部配置,每一个小程序页面也可以使用自己的 .json 文件来对本页面的窗口表现进行配置。
需要注意的是:页面配置文件的属性和全局配置文件中的window属性几乎一致,只不过这里不需要额外指定 window 属性几乎一致,因此如果出现相同的配置项,页面中配置项 会覆盖全局配置文件中相同的配置项。
官方文档:小程序页面配置
配置项
- navigationBarTitleText:页面标题
- navigationBarBackgroundColor:头部背景颜色
- enablePullDownRefresh:允许下拉
- backgroundTextStyle:loading颜色,light是白色,dark是灰色