推荐设备MORE

免费制作网页

免费制作网页

公司新闻

企业展示微信小程序_Tabbar

日期:2020-12-17
我要分享

# Tabbar

Tabbar组件,也可以用来作为小程序的自定义Tabbar使用

# 代码引入

在 page.json 中引入组件

{
  "usingComponents": {
    "mp-tabbar": "weui-miniprogram/tabbar/tabbar"
  }
}

# 示例代码

# 属性列表

属性 类型 默认值 必填 说明 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