Tabs
标签栏
支持情况:
类型
ComponentType<TabsProps>
TabsProps
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
tabsBackgroundColor | string | "#fff" | 否 | tabs 背景色,必须填写十六进制颜色 |
tabsActiveTextColor | string | "#000" | 否 | tabs 激活 tab-item 文字颜色 |
tabsInactiveTextColor | string | "#666" | 否 | tabs 非激活 tab-item 文字颜色 |
tabsUnderlineColor | string | "#333" | 否 | tabs 激活 tab-item 下划线颜色 |
activeName | string | 无 | 否 | 仅用于普通标签栏组件,当前激活 tab-item 的对应的 name 值,须搭配 bindtabchange 一起使用。 |
urlQueryName | string | 无 | 否 | 仅用于可寻址标签栏组件,当前 tab 所改变的 url query 中参数 key,需要通过 tabs 修改页面 url 的时候设置。 |
maxTabItemAmount | number | 5 | 否 | 当前 tabs 视图中最多容纳的 tab-item 数量,低于此数量均分排列,超出此数量划屏。默认五个,开发者可根据业务需求调整 |
onTabChange | CommonEventFunction | 否 | tab 被点击的回调,可以在 e.detail.name 中取到当前点击的 tab-item 对应的 name 值 |
API 支持度
API | 微信小程序 | 百度小程序 | H5 | React Native | Harmony |
---|---|---|---|---|---|
TabsProps.tabsBackgroundColor | ✔️ | ||||
TabsProps.tabsActiveTextColor | ✔️ | ||||
TabsProps.tabsInactiveTextColor | ✔️ | ||||
TabsProps.tabsUnderlineColor | ✔️ | ||||
TabsProps.activeName | ✔️ | ||||
TabsProps.urlQueryName | ✔️ | ||||
TabsProps.maxTabItemAmount | ✔️ | ||||
TabsProps.onTabChange | ✔️ |