参考:官方文档globalstyle

全局配置globalStyle

  1. //用于设置应用的状态栏、导航条、标题、窗口背景色等。
  2. "globalStyle": {
  3. // 导航栏标题颜色及状态栏前景颜色,仅支持 black/white
  4. "navigationBarTextStyle": "black",
  5. // 导航栏标题文字内容,页面的设置会覆盖这个地方的设置
  6. "navigationBarTitleText": "排单办公系统",
  7. // 导航栏背景颜色(同状态栏背景色)
  8. "navigationBarBackgroundColor": "#F8F8F8",
  9. // 下拉显示出来的窗口的背景色(微信小程序)
  10. "backgroundColor": "#F8F8F8",
  11. // 开启下拉刷新
  12. "enablePullDownRefresh": true,
  13. // 页面上拉触底事件触发时距页面底部距离
  14. "onReachBottomDistance": 50,
  15. "app-plus": {
  16. "background": "#efeff4"
  17. }
  18. }

页面配置pages

参考:官方文档pages
image.png
新建页面后,在pages.json里配置页面信息和样式

  1. // pages数组的第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages.html
  2. "pages": [{
  3. "path": "pages/paidanToday/paidanToday",
  4. "style": {
  5. "navigationBarTitleText": "今日排单"
  6. }
  7. }, {
  8. "path": "pages/index/index",
  9. "style": {
  10. // 导航栏标题文字内容
  11. "navigationBarTitleText": "用户登录"
  12. }
  13. }
  14. ],

启动模式配置condition

启动模式配置,仅开发期间生效,用于模拟直达页面的场景,如:小程序转发后,用户点击所打开的页面。