演示观看:https://www.toutiao.com/i6716143999305908744/
最近想做一个聊天的客户端,于是仿照微信界面做了一个基于mui和H5+的IM聊天demo的UI界面,实现录音视频图片原生调用(暂未接入IM服务),喜欢的可以去看一下,在上面继续开发你的功能。也可以当做一个思路吧。
功能目前实现的有:
1.登录的页面UI;
2.消息界面,仿微信界面,没有设计师,自己设计的很粗糙;
3.联系人界面,仿微信字母选择;
4.顶部tabbar,添加好友菜单;
5.个人信息页面,修改图像实现相册选择和基本裁剪;
6.具体的聊天界面,语音、图片、视频、拍照、表情均实现,可以自己去体验,包括图片预览,视频全频播放等。
目前没有接入IM服务,本来打算接入网易云的,由于时间的关系没来得及坐上去,喜欢转眼的朋友可以实现一下子,网易云信用户量小的时候完全免费,注册一个账号就可使开发了。最后,由于好久没碰了,最后一次大概五月前一点吧。
软件架构说明 imedu
baidu-fanyi
css
fonts
images
js --业务js
libs --第三方库js
login --login
pages --tab-bar底部标签
pages-in --其余页面
unpackage --hbuilder生成
index.html --页面入口
mainfest.json --打包手机APP打包配置
hbuilderx打开-运行-运行到手机或模拟器【连接真机或者手机模拟器】---或者apk文件自己安装,已在项目代码目录