微信小程序 为tabBar设置角标

一、文本角标

添加文本角标:wx.setTabBarBadge(Object object)

在这里插入图片描述
示例:

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

移除文本角标:wx.removeTabBarBadge(Object object)

在这里插入图片描述
示例:

wx.removeTabBarBadge({
    
    
  index: 1,
})

二、红点角标

显示红点角标:wx.showTabBarRedDot(Object object)

在这里插入图片描述

示例:

wx.showTabBarRedDot({
    
    
  index: 0,
})

隐藏红点角标:wx.hideTabBarRedDot(Object object)

在这里插入图片描述
示例:

wx.hideTabBarRedDot({
    
    
  index: 0,
})

微信API设置角标很简单方便,但目前官方暂不支持修改角标颜色,

猜你喜欢

转载自blog.csdn.net/weixin_44646763/article/details/128132935
今日推荐