Menu

8.4. 未读消息

未读消息数

在 Larabbs 中当其他用户回复我发布的主题是,我会收到系统通知,显示出来未读的消息数量,这一节我们在小程序中实现该功能。

获取未读消息

需要在 Tabbar 和 我的 页面中增加一些消息数提示(Badge),提示用户新的未读消息,以下是我们预期的样子:

file

file

为了实现图片中的功能,首先需要每隔一段时间请求接口,获取当前用户的未读消息数,设置在 Tabbar 中:

src/app.wpy

.
.
.
  globalData = {
    refreshPages: [],
    unreadCount: 0
  }
.
.
.
  onLaunch() {
    // 小程序启动,调用一起获取未读消息数
    this.updateUnreadCount()
    // 每隔 60 秒,调用一起获取未读消息数
    setInterval(() => {
      this.updateUnreadCount()
    }, 60000)
  }
  // 获取未读消...

本文章首发在 Laravel China 社区

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
刻意练习,每日精进。
3
点赞
750
浏览
1
讨论