app.json文件用于配置项目:用于对小程序进行全局设置:

pages:定义小程序的路由。(凡是不在这个配置里面的东西,都无法打开) (特别注意:结尾不能有 逗号 否则会出错

window:定义小程序的顶部菜单。(可以配置顶部菜单,此配置可以被 page.json 文件覆盖)

tabBar:定义小程序的底部Tab。

networkTimeout:定义小程序的超时。

debug:定义小程序的debug模式。

{
"pages":[
"pages/scan/scan", // 配置的第一个是项目项目的入口文件
"pages/index/index",
"pages/personal/personal",
"pages/logs/logs" //特别注意这里不能有 ,
],
"tabBar": { // 底部菜单配置
"color": "#c9c9c9",
"backgroundColor":"#323640",
"selectedColor": "#f5b40e",
"borderStyle": "#515151",
"list": [
{
"selectedIconPath": "./pages/images/ico_dingdan_1.png",
"iconPath": "./pages/images/ico_dingdan_2.png",
"pagePath": "pages/index/index",
"text": "订单"
},
{
"selectedIconPath": "./pages/images/ico_saoyisao_1.png",
"iconPath": "./pages/images/ico_saoyisao_2.png",
"pagePath": "pages/scan/scan",
"text": "扫码"
},
{
"selectedIconPath": "./pages/images/ico_gerenzhongxin_1.png",
"iconPath": "./pages/images/ico_gerenzhongxin_2.png",
"pagePath": "pages/personal/personal",
"text": "我的"
}
]
},
"window":{ // 如果要配置窗口的颜色 在 page.xmcss里面配置 page{background:red;}
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"backgroundColor": "#eeeeee",
"navigationBarTitleText": "渝光停车",
"navigationBarTextStyle":"black"
},
 "networkTimeout":{ //网络超时配置
   "request":10000,
   "downloadFile":1000
 },
 "debug":true //影响日志信息
}

tabBar:定义小程序的底部Tab。

 参数:

  color:tab上文字的颜色。(必填)(16进制)

  selectColor:tab上选中的文字颜色。(16进制)

  backgroundColor:tab的背景色。(16进制)

  borderStyle:tab上边框的颜色。(字符串)

  list:tab的列表(最少2个,最多5个)。(必填)

  position:tab的位置(top / bottom)

networkTimeout:定义小程序的超时。

debug:定义小程序的debug模式。

微信小程序 --- app.json文件的更多相关文章

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

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

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

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

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

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

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

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

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

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

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

    page.json 文件用于配置当前目录.page.json文件里的配置可以修改 app.json 配置里面的 window:不能覆盖app.json文件里面的 tabBar / 网络超时/ debu ...

  7. 微信小程序 --- app.js文件

    app.js文件是项目的入口文件: //app.js App({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('l ...

  8. 微信小程序 - app.json配置解析

    { "pages": [ "pages/index/index", "pages/logs/logs", "pages/login ...

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

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

随机推荐

  1. 7 款基于 JavaScript/AJAX 的文件上传插件

    本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能: 多文件上传 拖拽操作 实时上传进度 自定义上传限制 希望能为你的开发工作带来帮助. 1.  jQuer ...

  2. 数据库 Oracle监听实例详解

    Oracle实例别名 IMCDB = (DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST = localhost)(PORT = )) (CONNECT_D ...

  3. 'cl.exe' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

    1.首先找到vcvars32.bat文件,一般在C:\\Program Files (x86)\\Microsoft Visual Studio 12.0\\VC\\bin文件夹下 2.打开cmd黑窗 ...

  4. 关于Cocos2d-x中使用完Blink动作后精灵突然消失的问题的解决

    精灵使用Blink 执行完动作之后,消失不见了,原因是闪烁的过程中精灵刚好到空纹理(透明)的那部分,这时候用户通过某种操作中断闪烁动作,导致下个状态的时候,精灵依然停留在空纹理的状态.所以最好在精灵执 ...

  5. TensorFlow基础笔记(14) 网络模型的保存与恢复_mnist数据实例

    http://blog.csdn.net/huachao1001/article/details/78502910 http://blog.csdn.net/u014432647/article/de ...

  6. Android Studio怎样查看资源或者函数在哪些类中被引用

    很多人在做完Keymap匹配到Eclispe快捷键后,发现查看资源或者函数在哪些地方被引用的快捷键"Ctrl+Shift+G"不灵 了.你选中某个函数后,使用这个快捷键.发现仅仅会 ...

  7. cVim——Chrome上更强大的vim插件

    ref: http://www.cnblogs.com/voidsky/p/5490787.html 介绍 也许很多人在chrome上都用过类似Vimium, ViChrome的插件,这些插件的目的都 ...

  8. jQuery中 wrap() wrapAll() 与 wrapInner()的差异

    wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中.jQuery 文档操作 - wrapAll() 方法 wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素.jQ ...

  9. write solid code Chapter 2 练习题4 的解答与扩展

    原题: 4.When programmers add new elements to an enumeration, they sometimes forget to add new cases to ...

  10. matlab彩色图像插值

    软件是MATLAB R2014b 使用的是matlab中已有的函数imresize(); 彩色图像分别对R.G.B三个通道进行插值,之后融合.[imresize函数不用,可以直接插值] clear;c ...