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 社区

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

上一篇 下一篇
讨论数量: 2

GerBawn
为什么不把更新未读消息的代码全部放到 mixins 里
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
刻意练习,每日精进。
4
点赞
1147
浏览
2
讨论
贡献者