微信小程序中的app.json文件内容注释

最新推荐文章于 2025-01-19 10:59:05 发布

原创最新推荐文章于 2025-01-19 10:59:05 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #json #小程序

app.json文件是微信小程序的核心配置文件，用于设置页面路径、窗口样式、网络超时时间以及tabBar。在添加页面路径时，可以灵活设置文件夹和文件名。window部分用来定制导航栏的样式和下拉刷新行为。tabBar配置包括文字颜色、选中颜色、背景色等，同时支持设置顶部或底部显示，并定义各个tab的页面路径、图标等。

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

以下是文件内的内容注释：
注意事项，不需要设置.css/.html/.js/.json后缀，只需要一个文件夹名称及文件名称就好。

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

Ps:设置最后一个页面路径无需要逗结尾。比如(”abc/abc“)

《窗口设置值，window》
“window”:
{
“navigationBarTextStyle”: “white”, //设置导航栏标题字体的颜色
“navigationBarTitleText”: “汽车保养服务推广系统”, // 设置导航栏的标题
“navigationBarBackgroundColor”: “#AB956D”,
“backgroundColor”: “#eeeeee”,
“navigationStyle”:“default”,
“backgroundTextStyle”:“light”,
“backgroundColorTop”:"#984", //设置下拉顶部窗口的颜色
“backgroundColorBottom”:"#78e", //设置上拉顶部窗口的颜色
“enablePullDownRefresh”:false, //防止页面下拉（设置下拉是否刷新） true / false,
“onReachBottomDistance”:10 //设置页面上拉触底事件至页面底部的距离
}

/*
《设置tabBar》

当positon为top的时候,icon图标属性即失效。
ps:下划线颜色，则是选择中字体颜色即：selectedColor
*/

“tabBar”: {
“color”: “#b7b7b7”, //tab上面的文字颜色
“selectedColor”: “#AB956D”, //tab文字选中的颜色
“backgroundColor”: “#f5f5f5”, //tab上面的背景颜色
“borderStyle”: “white”, //tabbar上边框的颜色 ( 不是必写)
“position”： //设置tab在上还是在下显示 ( 不是必写)
“list”: [ //tab列表（最少两个，最多两个）（tab数组集合）
{
“pagePath”: “page/component/index”, //页面路径
“iconPath”: “image/12.png”, //按钮上面的图标
“selectedIconPath”: “image/11.png”, //选中tab所显示的图标
“text”: “主页” //tab上面的字
},
{
“pagePath”: “page/component/category/category”,
“iconPath”: “image/32.png”,
“selectedIconPath”: “image/31.png”,
“text”: “分类”
}