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. android 虚拟键盘控制

    软键盘显示的原理 软键盘的本质是什么?软键盘其实是一个Dialog! InputMethodService为我们的输入法创建了一个Dialog,并且将该Dialog的Window的某些参数(如Grav ...

  2. selenium测试(Java)--告警框处理(十四)

    下面代码中介绍了告警框的处理方法 package com.test.alerthandle; import org.openqa.selenium.By; import org.openqa.sele ...

  3. 逻辑斯特回归(logistic regression)的迭代变权最小平方差算法(IRLS)

    参考资料:http://blog.csdn.net/xuanyuansen/article/details/41050507 习题: 数据及代码:  https://pan.baidu.com/s/1 ...

  4. Java 二维码--转载

    周末试用下Android手机的二维码扫描软件,扫描了下火车票.名片等等,觉得非常不错很有意思的.当然Java也可以实现这些,现在就分享下如何简单用Java实现二维码中QRCode的编码和解码(可以手机 ...

  5. Spring 父子容器

    必须要说的是,父子容器是通过设置形成的关系. 容器实现了 ConfigurableApplicationContext 或 ConfigurableBeanFactory 接口,这两个接口中分别有se ...

  6. e552. 取Applet的参数

    An applet can be configured through the use of applet parameters. For example, the contents for a ne ...

  7. put ListView in a ScrollView(bug fixed)

    Android: put ListView in a ScrollView   When I need to use ListView with other controls on the same ...

  8. C# HttpClientHelper请求

    public class HttpClientHelper { /// <summary> /// get请求 /// </summary> /// <param nam ...

  9. CentOS7.2内核版本查看简述

    1.uname 命令 [root@bogon /]# uname --help 用法:uname [选项]... 输出一组系统信息.如果不跟随选项,则视为只附加-s 选项.   -a, --all以如 ...

  10. SQL Server 2008 收缩日志(log)文件

    USE TestDB; GO ALTER DATABASE TestDB SET RECOVERY SIMPLE; --设置简单恢复模式 GO ); GO ALTER DATABASE TestDB ...