手机扫码查看
- 全局配置文件及常用的配置项
小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下:
1:pages:记录当前小程序所有的页面存放路径
2、window:全局设置小程序窗口的外观
3、tabBar:设置小程序底部的 tabBar 效果
4、style:是否启用新版的组件样式 - 全局配置-window
1、小程序窗口的组成部分
2、 了解 window 节点 常用的配置项
3、设置导航栏的标题
设置步骤:app.json–>window–>navigationBarTitleText
演示:把导航条上的标题,从默认的 WeChat 修改为 我的第一个微信小程序,效果如图
4、设置导航栏的背景色
设置步骤:app.json–>window–>navigationBarBackgroundColor
演示:把导航栏标题的背景色,从默认的 #fff 修改为 #994855,效果如图
5、设置导航栏的标题颜色
设置步骤:app/json–>window–>navigationBarTextStyle
演示:把导航条上的标题,从默认的 black 修改为 white ,效果如图
6、全局开启下拉刷新功能
设置步骤:app.json–>window–>把 enablePullDownRefresh 设为 true,效果如图
7、 设置下拉刷新时背景颜色
当全局开启下拉刷新功能之后,默认的窗口背景为白色,如果自定义下拉刷新窗口背景色
设置步骤:app.json–>window–>为 backgroundColor 指定16进制的颜色值 #9e9e9e,效果如下
8、 设置下拉刷新时 loading 的样式
当全局开启下拉刷新功能之后,默认窗口的 loading 样式为白色,如果要更改 loading 样式的效果
设置步骤:app.json–>window–>为 backgroundTextStyle 指定 dark 值
可选值为 light 和 dark
9、设置上拉触底的距离
概念:上拉加载更多数据
设置步骤:app.json–>window–>为 onReachBottomDistance 设置新值。默认50px,px可省略
- 本页地址 http://www.evshou.com/?p=3245
- 上一篇 <<微信小程序之全局样式和局部样式
- 下一篇 >>微信小程序之全局配置tabBar


发表评论