swan.setTabBarBadge

解释：为 tabBar 某一项的右上角添加文本，可以使用底部标签栏徽标（TabBarBadge）进行提示，告知用户对应的标签页中有内容更新。

方法参数

Object object

object 参数说明

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

图片示例

代码示例

• SWAN
• JS

<view class="wrap">
    <button type="primary" bindtap="setTabBarBadge">
    {{ !hasSetTabBarBadge ? '设置tab徽标' : '移除tab徽标' }}
    </button>
</view>

设计指南

不建议底部标签栏同时出现多个徽标或红点；用户查看更新内容后，应即时移除徽标和红点。
徽标文本（text）不能超过 3 个字符（中文、字母或数字），否则将显示错误。

错误

多个飘新同时出现，导致用户注意力被分散。

错误

徽标文本设置为数字1000，显示成“…”。

错误码

Android

iOS