如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]
如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]
一、简介
如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]
采用 uni-app 实现,可以适用微信小程序、其他各种小程序以及 APP、Web等多个平台
具体实现步骤如下:
- 下载开发者工具 HbuilderX
- 进入 【Dcloud 插件市场】 搜索 【仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]】,一键导入示例
- 运行即可
二、下载开发者工具 HbuilderX
三、找到开源插件
文后附源码地址
进入 【Dcloud 插件市场】 搜索 【仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]】
四、实现效果
聊天列表具体功能包括头像、群头像、群头像、消息免打扰、强提醒消息,消息红点、消息条数角标、未读99 、长按展示功能菜单、右上角搜索、添加按钮弹窗菜单功能等
聊天列表页基于 uni-app 官方提供的 uni-list-chat 案例进行魔改;
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· [翻译] 为什么 Tracebit 用 C# 开发
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 刚刚!百度搜索“换脑”引爆AI圈,正式接入DeepSeek R1满血版