{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/login/login"
],
"window": {
/**
* 以下是页面顶部导航栏设置
**/
"navigationBarBackgroundColor": "#ffffff", // 导航栏背景颜色,默认值:#000000
"navigationBarTextStyle": "black", // 导航栏标题颜色,默认值white
"navigationBarTitleText": "wechat", // 导航栏标题文字内容
"navigationStyle": "default", // 导航样式,默认值default。 custom 自定义导航栏,只保留右上角胶囊按钮
/**
* 以下是下拉刷新或上拉触底设置
**/
"backgroundColor": "#eee", // 窗口的背景色
"backgroundTextStyle": "light", // 下拉 loading 的样式,默认值dark(暗)
"backgroundColorTop": "#aaa", // 顶部窗口的背景色,仅 iOS 支持
"backgroundColorBottom": "#aaa", // 底部窗口的背景色,仅 iOS 支持
"enablePullDownRefresh": true, // 是否全局开启下拉刷新,值 true | false
"onReachBottomDistance": 50 // 页面上拉触底事件触发时距页面底部距离,单位为px,默认值 50
},
"tabBar": {
"color": "#000", // 【必需】 tab 上的文字默认颜色
"selectedColor": "#56abe4", // 【必需】 tab 上的文字选中时的颜色
"backgroundColor": "#fff", // 【必需】 tab 的背景色
"borderStyle": "white", // tabbar上边框的颜色, 默认值:black
"position": "bottom", // tabBar的位置,仅支持 bottom / top
/**
*【必需】 tab 的列表,最少2个、最多5个 tab
**/
"list": [
{
"pagePath": "pages/index/index", // 【必需】 打开的页面路径,必须在 pages 中先定义
"text": "首页" // 【必需】 tab 上按钮文字,比如首页
"iconPath": "img/indexIcon", // 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 postion 为 top 时,不显示 icon。
"selectedIconPath": "img/indexIcon_on // 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。当 postion 为 top 时,不显示 icon。
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
},
{
"pagePath": "pages/login/login",
"text": "登录"
}
]
},
/**
* networkTimeout 各类网络请求的超时时间,单位均为毫秒。
**/
"networkTimeout": {
"request": 30000, // wx.request 的超时时间。默认值 60000
"connectSocket": 3000, // wx.connectSocket 的超时时间。默认值 60000
"uploadFile": 30000, // wx.uploadFile 的超时时间。默认值 60000
"downloadFile": 30000 // wx.downloadFile 的超时时间。默认值 60000
},
"debug": true, //debug 是否开启调试模式,默认关闭(false)
"resizable": true, // 值true时使小程序支持 iPad 屏幕旋转
"functionalPages": true, //functionalPages 是否启用插件功能页,默认关闭(false)
/**
* usingComponents 定义全局可以使用的自定义组件(所有页面可用)
**/
"usingComponents": {
"component-tag-name": "component-path" // 格式:组件标签名称 : 自定义组件路径
// 可定义多个自定义组件
}
}

微信小程序 - app.json配置解析的更多相关文章

  1. 微信小程序 app.json 配置

    我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json : { " ...

  2. 微信小程序 | app.json配置属性

    app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. widows: 用于设置小程序的状态栏.导航条.标题.窗口背景色. navig ...

  3. 微信小程序app.json配置

    找到app.json文件,找到window配置项 1.windows选项下导航栏样式 "navigationBarBackgroundColor":#F6F6F6 // 导航栏的背 ...

  4. 微信小程序app.json文件常用全局配置

    小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. JOSN文件不允许注释,下面为了学习加上注释,粘贴需要的片段 ...

  5. 微信小程序 app.json文件配置

    https://developers.weixin.qq.com/miniprogram/dev/index.html  起步 https://developers.weixin.qq.com/min ...

  6. 微信小程序 --- app.json文件

    app.json文件用于配置项目:用于对小程序进行全局设置: pages:定义小程序的路由.(凡是不在这个配置里面的东西,都无法打开) (特别注意:结尾不能有 逗号 否则会出错) window:定义小 ...

  7. 微信小程序---app.json中设置背景色不生效解决办法

    按照官方文档的说明,backgroundColor应该可以设置窗口的背景色. "window":{ "backgroundTextStyle":"li ...

  8. 微信小程序:全局配置app.json

    微信小程序:全局配置app.json 一.全局配置app.json app.json文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包 ...

  9. 微信小程序:页面配置 page.json

    微信小程序:页面配置 page.json 一.页面配置 page.json 如果整个小程序的风格是蓝色调,那么可以在 app.json 里边声明顶部颜色是蓝色即可. 实际情况可能不是这样,可能你小程序 ...

随机推荐

  1. [GXOI/GZOI2019]旅行者

    就我感觉这道题很神仙吗/kel 仔细想想应该也是一种适用范围挺广的做法. 考虑我们可以通过dijkstra在O(nlogn)求出一个点集到另外一个点集的最短路. 那么我们可以通过一些划分点集的方式使得 ...

  2. 【细小碎的oi小知识点总结贴】不定时更新(显然也没人看qwq)

    1.memcpy: 从a数组中复制k个元素到b数组: memcpy(b,a,sizeof(int)*k); #include<cstring> #include<iostream&g ...

  3. dedecmsV5.7织梦后台更新文章,发布时间不自动更新

    问题:dedecmsV5.7后台修改文章的时候,会更新发布时间,需求是不自动更新时间,还是当时的发布时间 解决: 1.修改后台文件夹/templets/archives_edit.htm,articl ...

  4. gulp打开gbk编码的html文件乱码

    先上图,好忧伤:

  5. [leecode]---11.container with most water

    description: Input: [1,8,6,2,5,4,8,3,7]Output: 49 思路1: 从(1,a1)开始向后算面积,需要两层n循环,时间复杂度n2 思路2: 找出数组中最大的数 ...

  6. git-commit Angular规范

    commit message的格式 每次提交,Commit message 都包括三个部分:Header,Body 和 Footer. <type>(<scope>): < ...

  7. JAVA写接口傻瓜($)教程(三)

    接上一篇 补充:事实上java的类需要在src文件夹里写,classes文件夹只是会同步src文件夹里的类.如果在classes文件夹里操作java类,是会提示文件只读的.src文件夹中进行代码编写 ...

  8. hive -- 分区,分桶(创建,修改,删除)

    hive -- 分区,分桶(创建,修改,删除) 分区: 静态创建分区: 1. 数据: john doe 10000.0 mary smith 8000.0 todd jones 7000.0 boss ...

  9. react 的基础

    首先下载React 的安装包,可以到官网下载.也可以使用React Demos 已经自带 React 源码,不用另外安装,只需把这个库拷贝到硬盘中使用. (可参考http://www.ruanyife ...

  10. 菜鸟使用MySQL存储过程and临时表,供新手参考,请高手斧正

    因为公司最近的一个项目,第一次用到了MySQL(5.10版本),之前听传说MySQL很厉害的样子,因为开源而神奇,但是现在用起来, 感觉并不好啊!我知道是我水平太down,呜呜呜,请各路神仙略施小技, ...