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

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

https://developers.weixin.qq.com/miniprogram/dev/component/view.html  标签

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html  配置

 

app.json文件里的配置

属性	描述
pages	页面路径列表(所有页面路径)
window	全局的默认窗口表现
tabBar	底部 tab
networkTimeout	网络超时时间
debug	是否开启 debug 模式，默认关闭
functionalPages	是否启用插件功能页，默认关闭
subpackages	分包结构配置
workersWorker	代码放置的目录
requiredBackgroundModes	需要在后台使用的能力，如「音乐播放」
plugins	使用到的插件
preloadRule	分包预下载规则
resizableiPad	小程序是否支持屏幕旋转，默认关闭
navigateToMiniProgramAppIdList	需要跳转的小程序列表，详见 wx.navigateToMiniProgram
usingComponents	全局自定义组件配置
permission	小程序接口权限相关设置

 pages 设置默认首页路径（页面路径列表）

用于描述当前小程序所有页面路径,这是为了让微信客户端当前你的小程序页面定义在那个目录

默认配置:(所有的页面路径都要写在这个配置下)

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],

　　

 

window 的配置

定义小程序多有页面的顶部背景颜色、文字颜色定义等

　　　　　　　　属性　　　　　　　　　　　　　　　　描述

navigationBarBackgroundColor  	导航栏背景颜色  不支持英文单词
navigationBarTextStyle  	导航栏标题颜色  进支持 black / white 两种颜色
navigationBarTitleText		导航栏标题文字内容
navigationStyle			导航栏样式 仅支持 default(默认样式) custom(自定义导航栏 只保留右上角胶囊按钮)
backgroundColor			窗口的背景色
backgroundTexrStyle		下拉 loading的样式 仅支持 dark/light
backgroundColorTop		顶部窗口的背景色，仅 iOS 支持
backgroundColorBottom		底部窗口的背景色，仅 iOS 支持
enablePullDownRefresh		是否开启当前页面的下拉刷新。
onReachBottomDistance		页面上拉触底事件触发时距页面底部距离，单位为px。
pageOrientation			屏幕旋转设置，支持 auto / portrait / landscape

 

 

tabBar  设置底部导航 

　　　　属性　　　　　　　描述　　　　　　　　　　　默认
color　　　　　　　　tab上的文字默认颜色
selectedColor  　　tab上的文字选中是的颜色
backgroundColor　　tab的背景色
borderStyle　　　　tabBar上版块的颜色 　　仅支持 black(黑色)/white(白色)
position　　　　　　可选值 bottom、top
custom　　　　　　　自定义tabBar
list　　　　　　　　tab的列表 最少2个  最多5个
　　list接受的是一个数组
　　　　属性　　　　　　　　　　描述
　　　　pagePath　　　　　　页面路径，必须在pages中先定义
　　　　text　　　　　　 　　tab上按钮文字
　　　　iconPath　　　　　　图片路径，icon大小限制为40kb 建议尺寸为81px*81px 不支持网络图片
　　　　selectedIconPath　选中的图片路径。当position 为top是，不显示icon

示例 : 
"tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/tab/index",
        "text": "日志"
      },
     {
        "pagePath": "pages/shopping/index",
        "text":"设置"
     }
    ],
    "custom": true,
    "color": "#fff",
    "selectedColor": "#000000",
    "backgroundColor": "red"
  }