微信小程序app.json、page.json文件介绍

微信小程序中的app.json文件主要是设置页面的路径，页面的窗口，网络超时时间，设置tabBar,是否开启debug模式。

问题一，如何设置微信小程序页面的路径

　　ps:注意事项，不需要设置.css/.html/.js/.json后缀，只需要一个文件夹名称及文件名称就好。

添加新页面路径的时候，a设置放在文件夹，b也是设置文件夹，c是设置文件名的名称,比如(”product/shopp/shopping“)。这三个不一定要一样。也可以进行这样设置，a设置文件夹，b设置文件名称，比如(”abc/abc“).这两者的区别在于调用时路径不一样。

　   　Ps:设置最后一个页面路径无需要逗结尾。

问题二，如何设置页面的窗口

窗口设置值，window.

代码

　　Ps:上拉出现的一块，也是称为bakcground,可以进行设置背景颜色。

问题三：设置tabBar

tabBar属性值

tabBar设置代码

tabBar展示页面

当positon为top的时候,icon图标属性即失效。

ps:下划线颜色，则是选择中字体颜色即：selectedColor

Debug开发工具

未经同意，不允任何形式转载。

pages.json

pages.json主要设置页面导航等样式和app.json功能一样。因为是在本页面所以无需要window这个关键词。我们需要注意的是，在pages中页面设置json，会覆盖app.json中的设置，比如导航栏的字体颜色我在app中设置为黑色，在pages中的shopping.json文件中设置为白色，则显示为白色。

不支持navigationStyle、backgroundColorTop、backgroundColorBottom属性。多了disableScroll，其值为布尔值（true/false,默认值为false),设置该值后页面整体就不可以上下进行滚动。

 如果有问题/质疑，可以留言/私信，一起解决。