微信小程序中的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”: “分类”
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐