微信小程序--小标提示未读信息红色角标的展示

主要的原理,也是通过对微信小程序自带的方法进行一次二次的封装
三种情况:

  1. 0<当前未读消息<99,那么显示为多少多少+,
  2. 当前未读消息>99:显示为省略号
  3. 当前未读消息== 0 ,取消角标的设置
  getUserNotReadNum(){
    this.xAjax({
      url: api.getUserNotReadNumUrl,
      callBack(res){
        if (99 >= res.data.notReadNum && res.data.notReadNum!=0){
          wx.setTabBarBadge({
            index: 1,
            text: res.data.notReadNum+''
          })
        } else if (99

你可能感兴趣的:(小程序)