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. EasyUI-datagrid中load,reload,loadData方法的区别

    EasyUI比较常用,其中的datagrid比较复杂,它有其中有load,reload,loadData这三个方法,它们都有相同的功能,都是加载数据的,但又有区别. load方法,比如我已经定义一个d ...

  2. R语言进阶之4:数据整形(reshape)

    一.通过重新构建数据进行整形 数据整形最直接的思路就把数据全部向量化,然后按要求用向量构建其他类型的数据.这样是不是会产生大量的中间变量.占用大量内存?没错.R语言的任何函数(包括赋值)操作都会有同样 ...

  3. R语言中字符串的拼接操作

    在R语言中 paste 是一个很有用的字符串处理函数,可以连接不同类型的变量及常量. 函数paste的一般使用格式为: paste(..., sep = " ", collapse ...

  4. 不可错过的10个超棒jQuery表单操作代码片段

    jQuery 绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器.可能大家在日常的开发过程中常常会处理表单相关的 javascript,在今天这篇代码片段分享文章中, ...

  5. JS实现复制到剪贴板(兼容FF/Chrome/Safari所有浏览器)

    现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏 ...

  6. -27979 LoadRunner 错误27979 找不到请求表单 Action.c(73): Error -27979: Requested form not found

    LoadRunner请求无法找到:在录制Web协议脚本回放脚本的过程中,会出现请求无法找到的现象,而导致脚本运行停止. 错误现象:Action.c(41): Error -27979: Request ...

  7. Unable to resolve target 'android-20'

    使用eclipse编写android的app时,出现错误:Unable to resolve target 'android-20'. 参看链接: http://blog.csdn.net/u0134 ...

  8. mysql 从sql存储文件恢复数据库乱码

    场景一: 一台电脑上导出的sql文件到另一台电脑上恢复数据库,汉字全部是乱码,然后可能还有部分数据提示超长. 场景二: 拿到的sql文件不是原始的导出sql文件,只有表结构和表数据,出现的问题和场景一 ...

  9. CentOS 6.5 下Vim 配置图解

    分享个CentOS 6.5 下Vim 配置图文详解,希望对大家有所帮助. 1. 登录并进入你常用的用户名下,查看其主目录 命令: # su xxx $ cd xxx $ ls -a 2.查看并建立目录 ...

  10. asp.net MVC提高开发速度(创建项目模板)