• swan.setTabBarBadge
  • 方法参数
    • object 参数说明
  • 示例
    • 图片示例
    • 代码示例
  • 错误码
    • Android
    • iOS

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