mui写聊天界面_GitHub - lxlyh/IM-MUI: IM-MUI----基于mui和H5+的IM聊天demo界面(基于mui官方demo的im-chat.html改进)，欢迎使用，欢迎补充...

imedu

介绍

最近想做一个聊天的客户端，于是仿照微信界面做了一个基于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文件自己安装，已在项目代码目录

使用说明

创建者信息