在uniapp中引入uni-badge组件来实现消息提醒_uniapp 消息通知 小红点

在uniapp中使用默认的tabBar，需要在页面中引入uni-badge组件来实现消息提醒的需求。

具体实现方法如下：

1. 在tabBar页面中，找到需要添加消息提醒的项（如“消息”），在该项对应的标签中添加uni-badge组件。

2. 在uni-badge组件中添加bind:click事件，当用户点击消息提醒时，跳转到相应的页面。

3. 在相应的页面中，完成对消息的处理。如果有新消息，则在tabBar页面中对应的uni-badge组件中显示红点提醒用户。

4. 在获取消息列表之后，可以通过调用uni.setTabBarBadge()方法来动态显示红点提醒。例如，如果有5条未读消息，则可以使用如下代码显示红点提醒：
 

   uni.setTabBarBadge({
        index: 1,
        text: '5'
   });

其中，index表示tabBar页面中需要显示红点提醒的项的下标，从0开始计数，text表示需要显示的文本内容。

5. 当用户已阅读消息时，需要将红点提醒去除。可以使用uni.hideTabBarBadge()方法来动态隐藏红点提醒。例如，当用户已阅读所有消息时，可以使用如下代码隐藏红点提醒：
 

   uni.hideTabBarBadge({
        index: 1
   });

其中，index表示tabBar页面中需要隐藏红点提醒的项的下标，从0开始计数。

通过以上步骤，就可以在uniapp中使用默认的tabBar实现消息提醒的需求。