dlt.setTabBarItems
简介
批量动态设置 tabBar 的内容,图片支持文件和网络文件。
使用限制
基础库从 4.0.0
或更高版本支持。
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
tabs | tabItem[] | 是 | 批量更新 TabBar 信息,此处的批量数据需要同 appConfig 内配置 tabs 的 list 数据 size 且内容同步,否则不生效。一组数据中图片需要都填才生效。 | |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
tabItem 内容项说明
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
text | string | 是 | tab 上的按钮文字 | |
iconPath | string | 是 | 图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,支持网络图片,当 postion 为 top 时,此参数无效 | |
selectedIconPath | string | 是 | 选中时的图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px ,支持网络图片,当 postion 为 top 时,此参数无效 |
object.success 回调函数
参数
Object res
属性 | 类型 | 说明 |
---|---|---|
success | string | true-成功 |
object.fail 回调函数
参数
Object res
属性 | 类型 | 说明 |
---|---|---|
success | string | false-失败 |
errMsg | string | errMsg 枚举值: - ok - Parameter error: T10001 - set tab item failed,it's not tab page: T10002 - set tab item failed,please check the config: T10003 |
示例代码
// pages/index/index.js
Page({
setTabBarItems() {
dlt.setTabBarItems({
tabs: [
{ text: '', iconPath: '', selectedIconPath: '' },
{
text: 'tab2',
iconPath: 'http://xxx.png',
selectedIconPath: 'http://xyx.png',
},
],
success: () => {
console.log('success');
},
});
},
});