小程序中在底部tabbar上右上角提示数量(如:购物车数量)

作者: wechat 发布时间: 2023-01-29 浏览: 1055 次 编辑

tabbar添加右上角提示数量可以通过:wx.setTabBarBadge来进行设置

1
2
3
4
5
6
7
doAddTabBarBadge(){
  //添加商品后通过wx.setTabBarBadge来进行设置
  wx.setTabBarBadge({//tabbar右上角添加文本
    index: 2,//tabbar下标
    text: this.data.num //显示的内容,必须为字符串可通过toString()将number转为字符串
  })
}


tabbar移除右上角提示数量可以通过:wx.removeTabBarBadge来进行设置

1
2
3
4
5
6
doRemoveTabBarBadge(){
   //如果还未添加商品时候,可使用这个wx.removeTabBarBadge来移除
   wx.removeTabBarBadge({//移除tabbar右上角的文本
    index: 2,//tabbar下标
  })
}