全局配置与页面配置
(一)、全局配置文件以及常用的配置选项
小程序根目录下的 app.json文件是小程序的全局配置文件。常用的配置项如下:
(1).pages
记录当前小程序所有页面的存放路径
(2).window
全局设置小程序窗口的外观
1.小程序窗口的组成部分
2.了解window节点常见的配置项
3.设置导航栏的标题
设置步骤:app.json--window--navigationBarTitleText
4.设置导航栏的背景色
设置步骤:app.json--window--navigationBarBackgroundColor (16进制)
5.设置导航栏标题的颜色
设置步骤:app.json--window--navigationBarTextStyle (只有black和white)
6.全局开启下拉刷新功能(会作用与每一个页面)
概念:下来刷新时移动端的专有名词,指的是通过手指在屏幕上下来滑动的操作,从而重新加载页面数据的行为。
设置步骤:app.json--window--把enablePullDownRefresh的值设置为true
7.设置下拉刷新时的窗口背景色
设置步骤:app.json--window--backgroudColor (16进制)
8.设置下拉刷新时loading的样式
设置步骤:app.json--window--backgroudTextStyle
9.设置上拉触底的距离
概念:上拉触底时移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。
设置步骤:app.json--window--onReachBottomDistance
(3).tabBar
设置小程序底部的taBar效果
1.什么时tabBar
tabBar时移动端应用常见的页面效果,用于实现多页面的快速切换。小程序中通常分为:
底部开发
顶部开发
2.tabBar的6个部分组成
3.tabBar节点的配置项
4.每个tab项的配置选项
####案例:
(4).style
是否启用新版的组件样式
(二)、页面配置
1.页面配置文件的作用
对当前页面的窗口外观和页面效果等进行配置
2.全局配置和页面配置的关系
小程序中,app.json中的window节点,可以全局配置小程序中每个页面的窗口表现
如果某些小程序页面想要用有特殊的窗口表现,此时,”页面级别的.json配置文件“就可以实现这种需求。