02-全局配置文件-pages字段

一、app.json
1、pages字段
【用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在那个目录】
(1)添加字段保存后可以自动创建文件夹及文件
02-全局配置文件-pages字段
02-全局配置文件-pages字段
(2)哪一个字段放在最前面,主页就是哪一个。如果把 "pages/demo01/demo01"放在最前面,保存后主页就会刷新成其对应的页面

2、window字段
【定义小程序所有页面的顶部背景颜色,文字颜色定义等】
下面只有部分字段,其余字段从官网查看
02-全局配置文件-pages字段
(1)"navigationBarBackgroundColor": "#0094ff" : 定义导航栏的颜色
(2) "navigationBarTitleText": "Weixin" : 定义导航栏的名称
(3)"navigationBarTextStyle":"white" : 定义导航栏字体的颜色(只能是白色或者黑色)
(4)"enablePullDownRefresh" : 支持下拉刷新
(5)"backgroundTextStyle" : 仅有light和dark两种,开启下拉刷新后,如果设置为dark,下拉刷新会出现黑色的小圆点
(6)"backgroundColor":设置下拉后的背景颜色,不是整个窗体的背景颜色(要在app.wxss中设置),一般颜色写成16进制

3、tabbar字段(与pages和window同级)
就是如下这一部分
02-全局配置文件-pages字段
02-全局配置文件-pages字段
(1)list字段(其余字段查看官网)
注意:list数组最少包含两项
(1)pagePath:页面路径,即点击后显示的页面,这个页面一般在pages设置
(2)text:底部的名称,例如购物车等等
(3)iconPath:表示未被选中的图标的路径(购物车等图标)
(4)selectedIconPath:表示已被选中的图标的路径(首页图标)
实现代码和效果如下:
02-全局配置文件-pages字段
02-全局配置文件-pages字段
【注意,图片一定要加上后缀名,不然找不到(它的代码提示不会加后缀)】
icon文件加存放位置:
02-全局配置文件-pages字段

(2)color字段:设置字体颜色

上一篇:全网最简单的Flutter Navigator2.0路由指南


下一篇:uniApp 详解结构 和功能