# Tabbar

Tabbar组件,也可以用来作为小程序的自定义Tabbar (opens new window)使用

# 代码引入

在 page.json 中引入组件

{
  "usingComponents": {
    "mp-tabbar": "weui-miniprogram/tabbar/tabbar"
  }
}
1
2
3
4
5

# 属性列表

属性 类型 默认值 必填 说明
ext-class string 添加在组件内部结构的class,可用于修改组件内部的样式
list array<object> Tabbar的项的数组,按照规范,至少要有2个Tabbar项
current number 0 当前选中的Tabbar项的下标
bindchange eventhandler Tabbar项发生改变的时候触发此事件,detail为{index, item},index是Tabbar下标,item是对应的Tabbar项的配置

list属性是对象数组,每一项表示一个Tabbar项,其字段含义为

字段名 类型 默认值 必填 说明
text string Tabbar项的标题
iconPath string Tabbar项的icon图片路径,建议使用绝对路径,相对路径要相对于组件所在目录的。
selectedIconPath string Tabbar项选中时的icon,建议使用绝对路径,相对路径要相对于组件所在目录的。
badge string 是否显示Tabbar的右上角的Badge