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

    属性 类型 必填 默认值 描述
    color HexColor(十六进制颜色值) tab 上的文字默认颜色,仅支持十六进制颜色
    selectedColor HexColor(十六进制颜色值) tab 上的文字选中时的颜色,仅支持十六进制颜色
    backgroundColor HexColor(十六进制颜色值) tab 的背景色,仅支持十六进制颜色
    borderStyle String black tabbar 上边框的颜色, 仅支持 black / white
    list Array tab 的列表,详见 list 属性说明,最少 2 个、最多 5 个 tab
    position String bottom tabBar的位置,仅支持 bottom / top
    custom Boolean false 自定义 tabBar

    各端支持程度如下

    属性 微信小程序 百度小程序 字节跳动小程序 支付宝小程序 H5 RN
    color ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
    selectedColor ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
    backgroundColor ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
    borderStyle ✔️ ✔️ ✔️ ✔️ ✔️
    list ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
    position ✔️ ✔️
    custom ✔️(基础库 2.5.0 以上)

    其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,其属性值如下:

    属性 类型 必填 描述
    pagePath String 页面路径,必须在 pages 中先定义
    text String tab 上按钮文字
    iconPath String 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。
    当 position 为 top 时,不显示 icon。
    selectedIconPath String 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。
    当 position 为 top 时,不显示 icon。