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. SQL Server 查询分析器键盘快捷方式

    下表列出 SQL Server 查询分析器提供的所有键盘快捷方式. 活动 快捷方式 书签:清除所有书签. CTRL-SHIFT-F2 书签:插入或删除书签(切换). CTRL+F2 书签:移动到下一个 ...

  2. selenium测试(Java)--浏览器控制(四)

    1. 控制浏览器窗口大小 1 package com.test.window; 2 3 import org.openqa.selenium.Dimension; 4 import org.openq ...

  3. e669. 绘制缓冲图像

    To draw on a buffered image, create a graphics context on the buffered image. // Create a graphics c ...

  4. e658. 组合图形

    Area shape = new Area(shape1); shape.add(new Area(shape2)); shape.subtract(new Area(shape3)); shape. ...

  5. The request lifetime scope cannot be created because the HttpContext is not available

    项目中应用了Autofac,在Global轮询处理Job的时候,需要获取现有得Service,而这些Service已经通过Autofac进行了配置,所以理所应当的用下面的代码去获取了. Depende ...

  6. 将android程序中的数据库导出到SD卡

    private void copyDBToSDcrad() { String DATABASE_NAME = "数据库文件名"; String oldPath = "da ...

  7. ali数据分析面试题

    表A结构如下 Member_ID   --用户的Id,字符型 Log_time  --用户访问页面时间,日期型(只有一天的数据) URL ---访问的页面地址,字符型 要求:提取每个用户访问的第一个U ...

  8. HTML5 直播技术

    https://segmentfault.com/a/1190000010440054

  9. THINKPHP ajax分页示例

    先把框架的page类改造一下 路径在ThinkPHP/Library/Think/Page.class.php文件 添加一个方法 ajax_show 代码如下 <?php /** * 组装分页链 ...

  10. html5 file 自定义文件过滤

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