对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar

globalStyle

用于设置应用的状态栏、导航条、标题、窗口背景色等。

属性 类型 默认值 描述 平台差异说明
navigationBarBackgroundColor HexColor #F7F7F7 导航栏背景颜色(同状态栏背景色) APP与H5为#F7F7F7,小程序平台请参考相应小程序文档
navigationBarTextStyle String white 导航栏标题颜色及状态栏前景颜色,仅支持 black/white
navigationBarTitleText String 导航栏标题文字内容

pages

uni-app 通过 pages 节点配置应用由哪些页面组成,pages 节点接收一个数组,数组每个项都是一个对象

  • pages节点的第一项为应用入口页(即首页
  • 应用中新增/减少页面,都需要对 pages 数组进行修改
  • 文件名不需要写后缀,框架会自动寻找路径下的页面资源
  1. {
  2. "pages": [
  3. {
  4. "path": "pages/index/index",
  5. "style": { ... }
  6. },
  7. {
  8. "path": "pages/login/login",
  9. "style": { ... }
  10. }
  11. ]
  12. }

style
用于设置每个页面的状态栏、导航条、标题、窗口背景色等。
页面中配置项会覆盖 globalStyle 中相同的配置项

自定义导航栏使用注意

navigationStyle设为customtitleNView设为false时,原生导航栏不显示,此时要注意几个问题:

  1. "navigationStyle": "custom",