微信小程序 tabbar 图标添加角标

例如，当购物车里有商品时，在微信小程序底部的 tabbar 购物车图标加上数字提示，用户体验会非常好。

调用接口

wx.setTabBarBadge({
  index: 0,
  text: '1'
})

注意： text 必须为文本，不能是数字。如果为数字，转换为字符串。

效果如图

微信小程序 tabbar 图标添加角标

去掉角标

wx.removeTabBarBadge({
  index: 0,
})

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”，查看更多联系方式