热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

微信小程序-----1-app.json剖析

app.json剖析1.pages存放页面路径,类型为Array是唯一一个在a

                                            app.json剖析


1.pages存放页面路径,类型为Array是唯一一个在app.json必须存在的配置项

小程序中新增/减少页面,都需要对pages数组进行修改。文件名不需要写文件后缀,因为框架会自动去寻找路径.json.js.wxml.wxss的四个文件进行整合。示例如下:

"pages": [
"pages/index/index",
"pages/more/more",
"pages/discover/discover"
],
2.window类型为Object可选择不设置,作用设置默认页面的窗口表现

具体设置小程序的状态栏、导航栏、标题、窗口背景色,官方属性图:


具体示例如下:

"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTitleText": "母婴大卖场",
"navigationBarTextStyle": "black",
"backgroundColor": "#eeeeee",
"onReachBottomDistance": "50"
},
3.tabBar类型为Object,可以不设置

具体示例如下:

"tabBar": {
"list": [//tab的列表
{
"pagePath": "pages/index/index",//页面路径,必须在pages中先定义 必须设置
"text": "首页", //tab上按钮文字 必须设置
"iconPath": "images/ic_main_dark@3x.png",// 图片路径icon 当postion为top时此参数无效
"selectedIconPath": "images/ic_main_light@3x.png"//选中时的图片路径 当postion为top时此参数无效
},
{
"pagePath": "pages/discover/discover",
"text": "发现",
"iconPath": "images/ic_finder_dark@3x.png",
"selectedIconPath": "images/ic_finder_light@3x.png"
},
{
"pagePath": "pages/more/more",
"text": "我的",
"iconPath": "images/ic_more_dark@3x.png",
"selectedIconPath": "images/ic_more_light@3x.png"
}
],
"color": "#666", //tab上的文字默认颜色
"selectedColor": "#333", //tab上的文字选中时的颜色
"borderStyle": "black", //tab上边框的颜色,仅支持black/white
    "backgroundColor": "#333",//tab的背景色
"position": "botton" // 默认bottom 可选值 bottom、top, 当设置 position 为 top 时,将不会显示 icon
},
4.networkTimeout可以设置各种网络请求的超时时间。

官方文档:


具体示例:

"networkTimeout": {
"request": 5000,
"connectSocket": 5000,
"uploadFile": 5000,
"downloadFile": 5000
},
5.debug

可以在开发者工具中开启debug模式,在开发者工具的控制台面板,调试信息以info的形式给出,其信息有Pages的注册,页面路由,数据更新,事件触发。可以帮助开发者快速定位一些常见的问题。具体用法:

"debug": true
app.json整体代码具体示例如下:

{
"pages": [
"pages/index/index",
"pages/more/more",
"pages/discover/discover"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTitleText": "母婴大卖场",
"navigationBarTextStyle": "black",
"backgroundColor": "#eeeeee",
"onReachBottomDistance": "50"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/ic_main_dark@3x.png",
"selectedIconPath": "images/ic_main_light@3x.png"
},
{
"pagePath": "pages/discover/discover",
"text": "发现",
"iconPath": "images/ic_finder_dark@3x.png",
"selectedIconPath": "images/ic_finder_light@3x.png"
},
{
"pagePath": "pages/more/more",
"text": "我的",
"iconPath": "images/ic_more_dark@3x.png",
"selectedIconPath": "images/ic_more_light@3x.png"
}
],
"color": "#666",
"selectedColor": "#333",
"borderStyle": "black",
},
"networkTimeout": {
"request": 5000,
"connectSocket": 5000,
"uploadFile": 5000,
"downloadFile": 5000
},
"debug": true
}



推荐阅读
author-avatar
上海千恩万燮
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有