微信小程序 app.json文件配置 - 我是一枚前端小菜鸟

发布时间：2022-09-08 10:14:41作者：顺晟科技点击：

微信小程序 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"
  }

发表于 2019-03-05 13:50 我是一枚前端小菜鸟阅读(3580) 评论(0) 编辑收藏举报

上一篇 : 微信小程序避坑指南
下一篇 : 微信小程序开源项目库汇总 - undefined==null

知识分享

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