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

发布时间: 2019-03-30 19:41:36 作者: 大象笔记

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

调用接口

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

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

效果如图

去掉角标

wx.removeTabBarBadge({
  index: 0,
})

官方文档

https://developers.weixin.qq.com/miniprogram/dev/api/wx.setTabBarBadge.html

我是一名山东烟台的开发者,联系作者