Skip to content

tabBar

用于设置小程序的底部 Tab 栏。

color

  • 类型: HexColor
  • 默认: #353535

Tab 的文字默认的颜色。

selectedColor

  • 类型: HexColor
  • 默认: #1989fa

Tab 的文字被选中时的颜色。

backgroundColor

  • 类型: HexColor
  • 默认: #ffffff

Tab 的背景色。

borderStyle

  • 类型: 'white' | 'black'
  • 默认: black

Tab 上边框的颜色。

list

  • 类型: Tab[]

Tab 的列表。

Tab.path

  • 类型: string

页面路径,必须在 pages 中先定义。

Tab.text

  • 类型: string

Tab 上按钮文字。

Tab.iconPath

  • 类型: string

图片路径,建议尺寸为 81px * 81px,不支持网络图片。

Tab.selectedIconPath

  • 类型: string

选中时的图片路径,建议尺寸为 81px * 81px,不支持网络图片。

Example

json
{
  "tabBar": {
    "backgroundColor": "#1989fa",
    "list": [
      {
        "path": "pages/Index",
        "text": "Home",
        "iconPath": "assets/tab-bar/index.png",
        "selectedIconPath": "assets/tab-bar/index_selected.png"
      },
      {
        "path": "pages/Me",
        "text": "Me",
        "iconPath": "assets/tab-bar/me.png",
        "selectedIconPath": "assets/tab-bar/me_selected.png"
      }
    ]
  }
}