如果小程序是一个多 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。