百度智能小程序 为右上角添加文本
2020-09-05 14:10 更新
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 |
以上内容是否对您有帮助:
更多建议: