微信原生小程序app.json配置

分类

一、pages

用于指定小程序由哪些页面组成。
数组的第一项即为小程序的首页，以下首页则为pages/index/index

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

二、windows

用于设置小程序的状态栏、导航条、标题、窗口背景色。

config.jpg

"window": {
    "navigationBarBackgroundColor": "#ffffff", // 导航栏背景颜色，如 #000000
    "navigationBarTextStyle": "black", // 导航栏标题颜色，仅支持 black / white
    "navigationBarTitleText": "导航栏标题", // 导航栏标题

    "backgroundColor": "#eeeeee", // 窗口的背景色
    "backgroundTextStyle": "light", // 下拉 loading 的样式，仅支持 dark / light
    "enablePullDownRefresh": true, // 下拉刷新
  }

三、tabbar

如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

tabbar.png

"tabBar": {
  "color": '#9b9b9b', // tab 上的文字默认颜色，仅支持十六进制颜色
  "selectedColor": '#FFAD36', // tab 上的文字选中时的颜色，仅支持十六进制颜色
  "backgroundColor": '#ffffff', // tab 的背景色，仅支持十六进制颜色
  "list": [{ // tab 的列表，最少2个、最多5个 tab
    "pagePath": 'pages/home/main', // 页面路径，必须在 pages 中先定义
    "text": '首页', // tab 上按钮文字
    "iconPath": 'static/img/home.png', // 图片路径,有大小限制(40kb)和尺寸建议(81px*81px)
    "selectedIconPath": 'static/img/home-active.png' // 选中时的图片路径,限制同上
  }, {
    "pagePath": 'pages/me/main',
    "text": '我的',
    "iconPath": 'static/img/me.png',
    "selectedIconPath": 'static/img/me-active.png'
  }]
}

文档

配置

网站导航

网站导航