tt.setTabBarStyle
收藏我的收藏
收藏基础库 1.44.0 开始支持本方法，这是一个异步方法。
动态设置 tabBar 的整体样式。底部标签栏位于小程序底部，方便用户在不同功能模块之间进行快速切换。为保证可用性，底部导航栏承载 2-5 个功能，如果超出 5 个功能项，请酌情移入页面或菜单内。
| 前提条件 | 无 |
| 业务背景 | 无 |
| 使用限制 | 为保证可用性，底部导航栏承载 2-5 个功能，如果超出 5 个功能项，请酌情移入页面或菜单内； |
| 注意事项 | 调用此 API 时若不传某项参数，则该参数对应的样式保持不变； |
| 支持沙盒 | 否 |
| 相关教程 | 无 |
语法
tt.setTabBarStyle(options)
参数说明
options 为 object 类型，属性如下：
| 属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|---|
| color | string | 否 | 文字默认颜色，6 位 HexColor 例如#ff3377 | 1.44.0 | |
| selectedColor | string | 否 | 文字选中时的颜色，6 位 HexColor 例如#ff3377 | 1.44.0 | |
| backgroundColor | string | 否 | 背景颜色 | 1.44.0 | |
| borderStyle | string | 否 | 上边框的颜色， 仅支持 black | white | 1.44.0 | |
| success | function | 否 | 接口调用成功的回调函数 | 1.44.0 | |
| fail | function | 否 | 接口调用失败的回调函数 | 1.44.0 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） | 1.44.0 |
回调成功
object 类型，属性如下：
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "setTabBarStyle:ok" | 1.44.0 |
回调失败
object 类型，属性如下：
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "setTabBarStyle:fail" + 详细错误信息 | 1.44.0 |
扫码体验
请使用字节宿主APP扫码
