怎样实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]
怎样实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]一、简介
怎样实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]
接纳 uni-app 实现，可以实用微信小程序、其他各种小程序以及 APP、Web等多个平台
详细实现步调如下：
[*]下载开发者工具 HbuilderX
[*]进入 【Dcloud 插件市场】 搜索 【仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]】，一键导入示例
[*]运行即可
二、下载开发者工具 HbuilderX
https://img2024.cnblogs.com/other/3419240/202404/3419240-20240405152021721-778279338.png
三、找到开源插件
文后附源码地址
进入 【Dcloud 插件市场】 搜索 【仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]】
https://img2024.cnblogs.com/other/3419240/202404/3419240-20240405152023182-1698398100.png
https://img2024.cnblogs.com/other/3419240/202404/3419240-20240405152024344-1936767980.png
四、实现效果
聊天列表详细功能包括头像、群头像、群头像、消息免打搅、强提示消息，消息红点、消息条数角标、未读99 、长按展示功能菜单、右上角搜索、添加按钮弹窗菜单功能等
聊天列表页基于 uni-app 官方提供的 uni-list-chat 案例进行魔改；
https://img2024.cnblogs.com/other/3419240/202404/3419240-20240405152024885-1148256177.webphttps://img2024.cnblogs.com/other/3419240/202404/3419240-20240405152025302-562635384.webphttps://img2024.cnblogs.com/other/3419240/202404/3419240-20240405152025919-1068154747.webphttps://img2024.cnblogs.com/other/3419240/202404/3419240-20240405152026660-1743513449.webp
五、参考资料
实现仿微信界面【我的+首页聊天列表+长按菜单功能+添加菜单功能】 - DCloud 插件市场
blog/mweixin-index · 小吉/fiveyoboy - 码云 - 开源中国 (gitee.com)
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]