百度智能小程序 为右上角添加文本

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号