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

更新日期: 2019-03-30 阅读次数: 12831 字数: 120 分类: 微信小程序

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

调用接口

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

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

效果如图

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

去掉角标

wx.removeTabBarBadge({
  index: 0,
})

官方文档

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

爱评论不评论