微信小程序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==0){ wx.showTabBarRedDot({ index: 1,//index是让tabbar的第几个图标闪起来(从0开始的),我现在是让第二个图片的红点闪 }) }else{ wx.hideTabBarRedDot({ index: 1,//index是让tabbar的第几个图标闪起来(从0开始的),我现在是让第二个图片的红点闪 }) } if (countDownNum == 0) { clearInterval(that.data.timer);//让计时器取消定时 } }, 1000)//这里的单位是毫秒,是计时器在倒数时的间隔时间,如果想把闪烁速度调快,把这里的数值调低 }) } },
三、附上接口的网址 计时器的网址: 显示或隐藏tabbar红点的网址:
上一篇:
uniapp开发微信小程序-2.页面制作