【app.json】配置说明,不断更新中
app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
注意:
1) json配置中键名、键值必须使用双引号,不能使用单引号。
2) 以下配置中除了page字段是必需设置,其它项目为可选项。
置项说明:
{
/**
* 【必需】 pages 键值是一列数组
* 指定小程序由哪些页面组成,每一项都对应一个页面的 路径+文件名 信息。文件名不需要写文件后缀
* 数组第一项代表小程序的首页
**/
"pages": [
"pages/index/index",
"pages/logs/index"
],
/**
* window 用于设置小程序的状态栏、导航条、标题、窗口背景色。
**/
"window": {
/**
* 以下是页面顶部导航栏设置
**/
"navigationBarBackgroundColor" : "[Color]", // 导航栏背景颜色,默认值:#000000
"navigationBarTextStyle" : "white|black", // 导航栏标题颜色,默认值white
"navigationBarTitleText": "[String]" , // 导航栏标题文字内容
"navigationStyle" : "default|custom", // 导航样式,默认值default。 custom 自定义导航栏,只保留右上角胶囊按钮
/**
* 以下是下拉刷新或上拉触底设置
**/
"backgroundColor" : "[Color]", // 窗口的背景色
"backgroundTextStyle" : "dark|light", // 下拉 loading 的样式,默认值dark(暗)
"backgroundColorTop" : "[Color]", // 顶部窗口的背景色,仅 iOS 支持
"backgroundColorBottom" : "[Color]", // 底部窗口的背景色,仅 iOS 支持
"enablePullDownRefresh" : true|false, // 是否全局开启下拉刷新,值 true | false
"onReachBottomDistance" : [Number] // 页面上拉触底事件触发时距页面底部距离,单位为px,默认值 50
},
/**
* tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
**/
"tabBar": {
"color" : "[Color]", // 【必需】 tab 上的文字默认颜色
"selectedColor" : "[Color]", // 【必需】 tab 上的文字选中时的颜色
"backgroundColor" : "[Color]", // 【必需】 tab 的背景色
"borderStyle" : "black|white", // tabbar上边框的颜色, 默认值:black
"position" : "bottom|top", // tabBar的位置,仅支持 bottom / top
/**
* 【必需】 tab 的列表,最少2个、最多5个 tab
**/
"list": [
{
"pagePath": "[String]", // 【必需】 打开的页面路径,必须在 pages 中先定义
"text": "[String]", // 【必需】 tab 上按钮文字,比如首页
"iconPath" : "[String]", // 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 postion 为 top 时,不显示 icon。
"selectedIconPath" : "[String]" // 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。当 postion 为 top 时,不显示 icon。
},
{
"pagePath": "[String]",
"text": "[String]",
"iconPath" : "[String]",
"selectedIconPath" : "[String]"
}
//设置每个列表...
]
},
/**
* networkTimeout 各类网络请求的超时时间,单位均为毫秒。
**/
"networkTimeout": {
"request" : [Number], // wx.request 的超时时间。默认值 60000
"connectSocket" : [Number], // wx.connectSocket 的超时时间。默认值 60000
"uploadFile" : [Number], // wx.uploadFile 的超时时间。默认值 60000
"downloadFile": [Number] // wx.downloadFile 的超时时间。默认值 60000
},
/**
* debug 是否开启调试模式,默认关闭(false)
**/
"debug": true|false,
"resizable": true|false, // 值true时使小程序支持 iPad 屏幕旋转
/**
* functionalPages 是否启用插件功能页,默认关闭(false)
**/
"functionalPages" : true|false,
/**
* usingComponents 定义全局可以使用的自定义组件(所有页面可用)
**/
"usingComponents": {
"component-tag-name": "component-path", // 格式:组件标签名称 : 自定义组件路径
// 可定义多个自定义组件
}
/**
* subPackages
**/
/**
* workers
**/
/**
* requiredBackgroundModes
**/
/**
* plugins
**/
}
【app.json】配置说明,不断更新中的更多相关文章
- 微信小程序页面-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json
微信小程序新建页面的要素一是新建的文件名称和其子文件的名称最好一致,不然容易出问题,在小程序页面跳转中如果出现WAService.js:3 navigateTo:fail url not in app ...
- 微信小程序--getLocation需要在app.json中声明permission字段
在微信小程序开发中,需要获取用户所在地理位置,结果提示‘getLocation需要在app.json中声明permission字段’ 这是因为开发者需要填写获取用户地理位置的用途说明. 具体解决方法: ...
- Expo大作战(五)--expo中app.json 文件的配置信息
简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人 ...
- 微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)
今天在做微信小程序时,设置wx.navigateTo页面跳转并传参数,点击始终没有效果,代码如下: //事件处理函数 newsDetail: function (event) { console.lo ...
- 【微信】微信小程序 新建页面目录后,怎么自动生成目中的的四个基本文件呢? 新建目录报错如下VM458:2 未找到 app.json 中的定义的 pages "pages/module/module" 对应的 WXML 文件
如下图,在使用微信开发者工具过程中,新创建了页面目录,想要页面文件夹中自动生成四个基本文件 但是新创建了一个页面文件夹,里面的四个基本文件并没有展示出来 然后在app.json添加这个路径,ctrl+ ...
- getLocation 需要在 app.json 中声明 Permission 字段
小程序开发中,清除授权状态后,重新编译,提示:getLocation 需要在 app.json 中声明 Permission 字段 需要在 app.json 里面增加 permission 属性配置( ...
- getLocation需要在app.json中声明permission字段,解决办法
具体开发方法如下: 在 app.json 里面增加 permission 属性配置(小游戏需在game.json中配置): "permission": { "scope. ...
- 微信小程序错误——mpvue小程序:未找到 app.json 中的定义的 pages "pages/XXX/XXX" 对应的 WXML 文件
背景 在刚开始学习开发小程序时,使用微信开发工具在app.json建立页面,写好配置文件名称后,应该会自动生成页面的4个文件,结果没有生成文件,反而报错:mpvue小程序:未找到 app.json 中 ...
- 微信小程序:app.json中通过使用扩展库userExtendedLib的方式,引入并使用weui
微信小程序 PK APP: 1.微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾:而推⼴app的成本太⾼. 2.微信小程序也可以跨平台(Android和IOS). 一.project. ...
随机推荐
- 使用cmd命令进行运行java(cmd命令输出Hello word)
使用cmd命令输出Hello word 条件,按照好jdk和jre的环境下,如果没有安装,请安装,简单安装教程链接:https://www.cnblogs.com/weibanggang/p/9392 ...
- Zookeeper watch参照表
Watcher 设置是开发中最常见的,需要搞清楚watcher的一些基本特征,对于exists.getdata.getchild对于节点的不同操 作会收到不同的 watcher信息.对父节点的变更以及 ...
- 【OJ-UVa227】
耗时一周.哭. 本题重在输入输出.所以对英文题目的理解非常重要.看清楚题目,省时省力. 题目要点: 1.开始有5×5的数据,每行仅有5个字符.注意:样例输入中的尾部空格是无法复制的(UVa官网上),其 ...
- udt通信java再次升级1.1版
以前完成了udt的java代码测试,功能基本完成,近几天有时间重新梳理了下源码: 对原通信的关闭统一了方法,close定位过时,由shutdown与shutdownNow代替. 将一些主要方法添加了注 ...
- 三种for循环遍历
import java.util.ArrayList;import java.util.Iterator;import java.util.List; public class For{ publi ...
- spring cloud 学习之路由网关(zuul)
学习自方志朋的博客 http://blog.csdn.net/forezp/article/details/69939114 在微服务架构中,需要几个基础的服务治理组件,包括服务注册与发现.服务消费. ...
- python的列表数据类型及常用操作
列表是最常用的Python数据类型,它可以作为一个方括号内的逗号分隔值出现. 列表中的每个元素都分配一个数字 - 它的位置,或索引,第一个索引是0,第二个索引是1,依此类推. 列表可以进行的操作包括索 ...
- 《高性能MySQL》笔记——MySQL建表数据类型的选择
前段时间看了<高性能MySQL>中的选择优化的数据类型,这里主要是做一下笔记. 首先数据选择有几个简单原则: 更小的通常更好.一般情况下,应该尽量使用可以正确存储数据的最小数据类型.例如只 ...
- grafana使用json数据源监控数据
功能实现完后有部分数据一直在波动,就产生了想把这个数据波动集成到grafana形成可视化界面的监控,但grafana不支持mongo数据库又懒得去用其他工具转换,特意看了下grafana的databa ...
- scala成长之路(1)基本语法和数据类型
scala作为JVM上的Lisp,是一种geek类型的编程语言,也一直是我等java程序员眼中的梦寐以求的一门技能,遂下定决心花一段时间好好学习scala.第一天学习,主要介绍与java在编程上的主要 ...