图标右上角红点闪烁"/>
微信小程序tabbar图标右上角红点闪烁
微信小程序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.countDownNumif (that.data.i != null) {that.setData({timer: setInterval(function () {countDownNum --;console.log(countDownNum)//我这里用的是求余方法//当countDownNum为偶数时显示红点//当countDownNum为奇数时隐藏红点if (countDownNum%2=&#
更多推荐
微信小程序tabbar图标右上角红点闪烁
发布评论