8.4. 未读消息

1.7

2.1 2.0 1.7

L04 Laravel 教程 - 微信小程序从零到发布 /

本教程最新版为 2.1，当前版本已放弃维护，请阅读最新版本！

未读消息数

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

获取未读消息

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

file

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

src/app.wpy

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

本文章首发在 LearnKu.com 网站上。