{
"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. 小程序md5加密

    function md5(string) { var x = Array(); var k, AA, BB, CC, DD, a, b, c, d; , S12 = , S13 = , S14 = ; ...

  2. 【图论】最短路问题之spfa

    写在算法前面: 前向星存图(一个神奇的超越邻接矩阵的存在) 首先讲一下需要定义的一些东西?? 1.head数组:head[点数]:head[i]表示以当前点i为起点的最后一条边(这里的最后指的是编号[ ...

  3. nginx 基本操作及配置

    基本操作: 1.启动nginx {global}/nginx 例如:/usr/local/Cellar/nginx/1.13.12/bin/nginx 2.重启nginx {global}/nginx ...

  4. GuavaCache本地缓存学习总结

    https://my.oschina.net/u/2270476/blog/1805749 http://www.cnblogs.com/parryyang/p/5777019.html https: ...

  5. Monkey 生成报告方法

    Monkey 命令简介 Monkey 是 SDK 中附带的一个小工具,用来进行压力测试.进行压力测试之前,首先要进行安装 SDK ,并配置环境变量: 1.安装 Java JDK 并配置环境变量(计算机 ...

  6. FormData上传文件(input file)

    <div> <input type="file" name="FileUpload" id="FileUpload" va ...

  7. web前端学习python之第一章_基础语法(二)

    web前端学习python之第一章_基础语法(二) 前言:最近新做了一个管理系统,前端已经基本完成, 但是后端人手不足没人给我写接口,自力更生丰衣足食, 所以决定自学python自己给自己写接口哈哈哈 ...

  8. Linux系统下apt-get命令无法安装常见软件包?

  9. linux jpg文件查找木马

    find ./ -type f -name "*.jpg" | xargs grep "eval"

  10. 《程序设计入门——C语言》翁恺老师 第四周编程练习记录

    1 奇偶个数(5分) 题目内容: 你的程序要读入一系列正整数数据,输入-1表示输入结束,-1本身不是输入的数据.程序输出读到的数据中的奇数和偶数的个数. 输入格式: 一系列正整数,整数的范围是(0,1 ...