如何實現仿微信介面[我的+首頁聊天列表+長按選單功能+新增選單功能]
一、簡介
如何實現仿微信介面[我的+首頁聊天列表+長按選單功能+新增選單功能]
採用 uni-app 實現，可以適用微信小程式、其他各種小程式以及 APP、Web等多個平臺
具體實現步驟如下：
- 下載開發者工具 HbuilderX
- 進入 【Dcloud 外掛市場】 搜尋 【仿微信介面[我的+首頁聊天列表+長按選單功能+新增選單功能]】，一鍵匯入示例
- 執行即可
二、下載開發者工具 HbuilderX
三、找到開源外掛
文後附原始碼地址
進入 【Dcloud 外掛市場】 搜尋 【仿微信介面[我的+首頁聊天列表+長按選單功能+新增選單功能]】
四、實現效果
聊天列表具體功能包括頭像、群頭像、群頭像、訊息免打擾、強提醒訊息，訊息紅點、訊息條數角標、未讀99 、長按展示功能選單、右上角搜尋、新增按鈕彈窗選單功能等
聊天列表頁基於 uni-app 官方提供的 uni-list-chat 案例進行魔改；
五、參考資料
實現仿微信介面【我的+首頁聊天列表+長按選單功能+新增選單功能】 - DCloud 外掛市場
blog/mweixin-index · 小吉/fiveyoboy - 碼雲 - 開源中國 (gitee.com)