微信小程序中我们创建页面时会自动创建四个文件分别为js
文件,wxml
文件 wxss
文件最后还有我们今天的主角json
配置文件
小程序的json
配置分为两种,一种是直接在创建的路由文件夹内单独的json
配置文件来进行单独的页面配置
当然有第二种,小程序也是非常的贴心,为我们全局的页面配置也开发出来了一个app.json
文件,让我们为全局的页面进行配置,来决定页面文件的路径,窗口表现,设置网络超时时间,设置tabbar
,界面表现等
tips:配置文件中不能出现注释, tabbar 最多只能五个,配置优先级单页面配置高于全局配置
废话比较多哈,下面我们开始
一 , 全局配置
- pages 页面路径
直接在pages
中书写页面路径即可创建相应的页面 - windows 窗口设置
用来设置小程序的状态栏 导航条 标题 窗口背景颜色
示例:
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff", //导航栏背景颜色
"navigationBarTitleText": "baidu", //导航栏标题文字内容
"navigationBarTextStyle": "black" //导航栏标题颜色,仅支持 black / white
},
- tabBar 底部导航
可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面