目录

【微信首页聊天列表】界面

【我的】界面

源代码：

---

文后附完整代码，支持一键导入 HBuilderX 示例体验

【微信首页聊天列表】界面

仿造【微信首页聊天列表 + 长按菜单功能 + 右上角添加按钮弹窗功能】，使用 uni-app 开发， 一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

聊天列表展示包括头像、群头像、群头像、消息免打扰、强提醒消息，消息红点、消息条数角标、未读99 、长按展示功能菜单、右上角搜索、添加按钮弹窗菜单功能等

聊天列表页基于 uni-app 官方提供的 uni-list-chat 案例进行魔改；

如下图：

【我的】界面

仿造【微信我的界面 + 交互】，使用 uni-app 开发，一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

如下图：

源代码：

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

仿微信 【我的】界面 - DCloud 插件市场