微信小程序tabbar图标右上角红点闪烁

最新推荐文章于 2024-07-25 08:15:00 发布

「已注销」

最新推荐文章于 2024-07-25 08:15:00 发布

阅读量9.2k

点赞数 4

分类专栏：学习笔记文章标签：微信小程序 tabbar js tabbar图标右上角红点定时器

本文链接：https://blog.csdn.net/weixin_43421060/article/details/86007325

版权

微信小程序tabbar图标右上角红点闪烁

开发的时候总会遇到一些神经老总，他们总会有一些神经要求。（吐槽一下）
惯例，直接开撸
一、准备工作
了解用什么来使tabbar右上角有红点，如何让它闪起来
微信给了我们很好的方法，我们只需要调用就可以了
1.tabbar出现红点
wx.showTabBarRedDot
2.隐藏tabbar红点（tabbar的红点默认隐藏）
wx.hideTabBarRedDot
3.计时器
setInterval
有了这3个方法我们就有思路了，用计时器判定tabbar什么时候出现红点什么时候隐藏红点，不需要用循环来做

二、上代码

data:{
	countDownNum :"100"
	i:"123"
}
//计时器，用于闪烁的红点
  countDown: function() {
    var that = this,
      countDownNum = that.data.countDownNum
    
    if (that.data.i != null) {
      that.setData({
        timer: setInterval(function () {
          countDownNum --;
          console.log(countDownNum)
          //我这里用的是求余方法
          //当countDownNum为偶数时显示红点
          //当countDownNum为奇数时隐藏红点
          if (countDownNum%2=&#