微信小程序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),设置该值后页面整体就不可以上下进行滚动。
如果有问题/质疑,可以留言/私信,一起解决。