如何實(shí)現(xiàn)仿微信界面[我的+首頁(yè)聊天列表+長(zhǎng)按菜單功能+添加菜單功能]
一、簡(jiǎn)介
如何實(shí)現(xiàn)仿微信界面[我的+首頁(yè)聊天列表+長(zhǎng)按菜單功能+添加菜單功能]
采用 uni-app 實(shí)現(xiàn),可以適用微信小程序、其他各種小程序以及 APP、Web等多個(gè)平臺(tái)
具體實(shí)現(xiàn)步驟如下:
- 下載開發(fā)者工具 HbuilderX
- 進(jìn)入 【Dcloud 插件市場(chǎng)】 搜索 【仿微信界面[我的+首頁(yè)聊天列表+長(zhǎng)按菜單功能+添加菜單功能]】,一鍵導(dǎo)入示例
- 運(yùn)行即可
二、下載開發(fā)者工具 HbuilderX
三、找到開源插件
文后附源碼地址
進(jìn)入 【Dcloud 插件市場(chǎng)】 搜索 【仿微信界面[我的+首頁(yè)聊天列表+長(zhǎng)按菜單功能+添加菜單功能]】
四、實(shí)現(xiàn)效果
聊天列表具體功能包括頭像、群頭像、群頭像、消息免打擾、強(qiáng)提醒消息,消息紅點(diǎn)、消息條數(shù)角標(biāo)、未讀99 、長(zhǎng)按展示功能菜單、右上角搜索、添加按鈕彈窗菜單功能等
聊天列表頁(yè)基于 uni-app 官方提供的 uni-list-chat 案例進(jìn)行魔改;
五、參考資料
實(shí)現(xiàn)仿微信界面【我的+首頁(yè)聊天列表+長(zhǎng)按菜單功能+添加菜單功能】 - DCloud 插件市場(chǎng)文章來源:http://www.zghlxwxcb.cn/news/detail-844354.html
blog/mweixin-index · 小吉/fiveyoboy - 碼云 - 開源中國(guó) (gitee.com)文章來源地址http://www.zghlxwxcb.cn/news/detail-844354.html
到了這里,關(guān)于如何實(shí)現(xiàn)仿微信界面[我的+首頁(yè)聊天列表+長(zhǎng)按菜單功能+添加菜單功能]的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!