钉住消息管理功能开发
内容:项目描述:该项目移动端+客户端的项目,主要用来收集客户重要的聊天信息,可以将平时的聊天消息创建成单独消息,也可以自定义创建一些重要的消息发送给指定人。类似钉钉聊天页面可以将重要的聊天信息转发给个人。
技术栈: vue2+vux+mint+axios+vuex+less+es6 开发,移动端使用 rem 单位开发页面,根据手机屏幕使用不同的字号,前期根据页面的主体结构划分组件模块,封装好常用的消息显示卡片组件,编写基本页面,使用 axios 封装常用接口,处理跨域访问。
前端是我一个负责钉住h5页面开发,负责消息列表编写,里面根据使用登录账号信息去判断接收人或发送人显示不同的卡片头。添加批量修改按钮,可以全选单选处理页面消息,封装头像组件。增加群聊选人组件,点击标记已读,或者全部已读等涉及卡片状态更改的使用事件广播去更新消息状态。增加搜索框,给搜索出来的关键字做高亮显示。增加图片上传组件,设置上传文件图片大小,格式限制。跟 app 端协调转钉住传参,处理 app 传参,图片类调用上传图片组件上传到数据再显示,来自会话按钮调用 app 方法,跳到指定窗口。样式方面使用 less 封装定义常用样式变量,增加卡片类,图片类,文本类的代码块函数。