如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]

一、简介

如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]

采用 uni-app 实现，可以适用微信小程序、其他各种小程序以及 APP、Web等多个平台

具体实现步骤如下：

    下载开发者工具 HbuilderX

    进入 【Dcloud 插件市场】 搜索 【仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]】，一键导入示例

    运行即可

二、下载开发者工具 HbuilderX

如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]

三、找到开源插件

文后附源码地址

进入 【Dcloud 插件市场】 搜索 【仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]】

如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]

如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]

四、实现效果

聊天列表具体功能包括头像、群头像、群头像、消息免打扰、强提醒消息，消息红点、消息条数角标、未读99 、长按展示功能菜单、右上角搜索、添加按钮弹窗菜单功能等 聊天列表页基于 uni-app 官方提供的 uni-list-chat 案例进行魔改；

如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]

五、参考资料

实现仿微信界面【我的+首页聊天列表+长按菜单功能+添加菜单功能】 - DCloud 插件市场

blog/mweixin-index · 小吉/fiveyoboy - 码云 - 开源中国 (gitee.com)