百度智能小程序 为右上角添加文本
swan.setTabBarBadge
解释：为 tabBar 某一项的右上角添加文本，可以使用底部标签栏徽标（TabBarBadge）进行提示，告知用户对应的标签页中有内容更新。
方法参数
Object object
object参数说明
| 属性名 | 类型 | 必填 | 默认值 | 说明 | |
|---|---|---|---|---|---|
|
index |
Number |
是 |
tabBar 的哪一项，从左边算起 |
||
|
text |
String |
是 |
显示的文本，超过 3 个字符则显示成“……” |
||
|
success |
Function |
否 |
接口调用成功的回调函数 |
||
|
fail |
Function |
否 |
接口调用失败的回调函数 |
||
|
complete |
Function |
否 |
接口调用结束的回调函数（调用成功、失败都会执行） |
||
示例
图片示例
代码示例
<view class="wrap">
<button type="primary" bindtap="setTabBarBadge">
{{ !hasSetTabBarBadge ? '设置tab徽标' : '移除tab徽标' }}
</button>
</view>Page({
setTabBarBadge() {
if (this.data.hasSetTabBarBadge) {
this.removeTabBarBadge()
return
}
this.setData({
hasSetTabBarBadge: true
})
swan.setTabBarBadge({
index: 1,
text: '1',
})
},
removeTabBarBadge() {
this.setData({
hasSetTabBarBadge: false
})
swan.removeTabBarBadge({
index: 1,
})
}
});错误码
Android
| 错误码 | 说明 |
|---|---|
1001 | 执行失败 |
iOS
| 错误码 | 说明 |
|---|---|
202 | 解析失败，请检查参数是否正确 |
1001 | 当前页面不含 tabbar |