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. kbengine + cocos2d-js-demo理解

    KBEngine 是国内开源的游戏服务器引擎,据说参考了 Bigworld 的架构:网上能找到的开源游戏服务器引擎很少,网易的 Pomelo 是用 Node.js 来实现的,现在还是觉得 C/C++ ...

  2. hbase权威指南阅读随手笔记二之过滤器

    转自:http://blog.csdn.net/saint1126/article/details/8257941 base过滤器的比较操作符:   LESS  <LESS_OR_EQUAL & ...

  3. Swing组件都采用MVC设计模式

    Swing组件都采用MVC(Model-View-Controller,既模型-视图-控制器)设计模式,从而可以实现GUI组件的显示逻辑和数据逻辑的分离,允许程序员自定义Render来改变GUI组件的 ...

  4. erlang-百度云推送Android服务端功能实现-erlang

    百度云推送官方地址http://developer.baidu.com/wiki/index.php?title=docs/cplat/push 简单的介绍下原理: 百度云推送支持IOS和Androi ...

  5. BinarySearchTree二叉搜索树的实现

    /* 二叉搜索树(Binary Search Tree),(又:二叉查找树,二叉排序树)它或者是一棵空树,或者是具有下列性质的二叉树: 若它的左子树不空,则左子树上所有结点的值均小于它的根结点的值; ...

  6. 针对后台列表table拖拽比较实用的jquery拖动排序

    <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8&qu ...

  7. mysql中,如何查看数据库元数据(metadata)的字符集?

    需求描述: mysql中,数据库的元数据也是有字符集的. 操作过程: 1.查看mysql数据库元数据的字符集 mysql> show variables like 'character_set_ ...

  8. Appium - WebView測试(Android)

    Appium - WebView測试 作者: Max.Bai 时间: 2015/07 Appium - WebView測试(Android) 如今App都是混合型的.有原生的也包括WebView的,a ...

  9. html5 file 自定义文件过滤

    使用 acctpe属性即可 示例: gif,jpg <input type="file" name="pic" accept="image/gi ...

  10. ftp简单命令

    1.连接ftp ftp 192.168.10.15 进去后输入用户名 ,然后再输入密码,就这样登陆成功了,你会看到 ftp> 2.进入ftp后,你对目录需要切换操作.和linux一样的命令.cd ...