当前位置:   article > 正文

学习微信小程序第一天(2020-06)---全局配置文件_在全局配置文件将( )属性设置为( ),我们可以将微信小程序的导航栏标题颜色设置为

在全局配置文件将( )属性设置为( ),我们可以将微信小程序的导航栏标题颜色设置为

app.json文件 小程序全局配置

pages 用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的 .json.js.wxml.wxss 四个文件进行处理。

数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。

window: 用于设置小程序的状态栏、导航条、标题、窗口背景色。

navigationBarBackgroundColor 导航栏背景颜色

例:#0094ff 蓝色

navigationBarTitleText  导航栏标题文字

例:我的练习

navigationBarTextStyle  导航栏字体颜色 只能为黑(black) 白(white)

enablePullDownRefresh 是否开启全局的下拉刷新。  true 或者 false

backgroundTextStyle  下拉 loading 的样式,仅支持 dark / light

backgroundColor  窗口的背景色  图中为red

tabBar

如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

  1. "tabBar":{
  2. "position":"bottom",
  3. "color":"#ffffff",
  4. "backgroundColor":"#0094ff",
  5. "selectedColor":"#cccccc",
  6. "list":[{
  7. "pagePath": "pages/index/index",
  8. "text": "首页",
  9. "iconPath": "icon/home.png",
  10. "selectedIconPath": "icon/home.png"
  11. },
  12. {
  13. "pagePath": "pages/cart/cart",
  14. "text": "购物车",
  15. "iconPath": "icon/cart.png",
  16. "selectedIconPath": "icon/cart.png"
  17. },
  18. {
  19. "pagePath": "pages/like/like",
  20. "text": "喜欢",
  21. "iconPath": "icon/like.png",
  22. "selectedIconPath": "icon/like.png"
  23. },
  24. {
  25. "pagePath": "pages/setting/setting",
  26. "text": "设置",
  27. "iconPath": "icon/setting.png",
  28. "selectedIconPath": "icon/setting.png"
  29. }
  30. ]
  31. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/789485
推荐阅读
相关标签
  

闽ICP备14008679号