前言

tabBar字段:定义小程序顶部、底部 tab 栏,用以实现页面之间的快速切换,可以通过 tabBar 配置项指定tab栏的表现,以及tab切换时显示的对应页面。

注意:tab 按数组的顺序排序,list 配置最少2个、最多5个tab

官方文档: tabbar配置项


配置tabbar(跟window同级)

  1. selectedColo:tab选中时的文字颜色
  2. color:文字颜色
  3. backgroundColor:tab栏的背景颜色
  4. borderStyle:分界线的显示black,隐藏white
  5. position:状态栏的位置,默认bottom,top顶部时不展示图标
  6. list:路由信息,最少两个,最多五个


list配置

  1. text:tab对应的标题
  2. pagePath:路由路径
  3. iconPath:图标路径
  4. selectedIconPath:选中时图标路径

小程序从0开发-08_文字颜色


局部配置-页面配置

小程序的页面配置,也称局部配置,每一个小程序页面也可以使用自己的 .json 文件来对本页面的窗口表现进行配置。

需要注意的是:页面配置文件的属性和全局配置文件中的window属性几乎一致,只不过这里不需要额外指定 window 属性几乎一致,因此如果出现相同的配置项,页面中配置项 会覆盖全局配置文件中相同的配置项。

官方文档: 小程序页面配置

配置项

  1. navigationBarTitleText:页面标题
  2. navigationBarBackgroundColor:头部背景颜色
  3. enablePullDownRefresh:允许下拉
  4. backgroundTextStyle:loading颜色,light是白色,dark是灰色

小程序从0开发-08_配置文件_02