小程序 购物车(消息)tabs栏数字即时提示

实现的效果:
小程序 购物车(消息)tabs栏数字即时提示_第1张图片
主要是利用小程序的storage存贮数据,在app.js的onLaunch方法里

// 计数
    this.getCountInfo() //获取初始数量
    setInterval(() => {
      this.changeCountInfo() // 调用修改数量的方法
    }, 100);
changeCountInfo() { // 计数
    const countInfo = parseInt(wx.getStorageSync("countInfo")) // get 本地storage数据
    if (countInfo) {
      wx.setTabBarBadge({
        index: 1,
        text: ""+countInfo+"" // 这里要注意得加上这两边的引号
      })
    } else {
      wx.removeTabBarBadge({
        index: 1,
      })
    }
}

然后再其他有改变到对应数量的地方,改变storage的值

wx.setStorage({
   key: 'countGoods',
   data: countGoods,
})

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