栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

h5微钉-仿钉钉案例html5|仿钉钉聊天项目

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

h5微钉-仿钉钉案例html5|仿钉钉聊天项目

这几天一直捣鼓钉钉app,于是自己就利用html5+css3+zepto+swiper+weui+wcPop等技术开发了一个仿钉钉办公h5项目,整体效果挺棒哒,分享给大家看看啦。

该聊天项目整体采用flex+rem布局,消息内容区域自动收缩,另外新增了右键长按功能,还有动图表情也是一大亮点。具体实现效果如下:

  • 仿微信的富文本编辑器实现了消息、表情、动图发送

  • 仿QQ群聊多组合图像

  • 可以选择本地图片,并可以图片、视频预览

  • 发红包及打赏功能(点击 “拆” 会有动画旋转效果),有领取红包后的展示页面

  • 类似微信长按消息弹出菜单(会有边界检测)

  • 使用的所有弹窗均为自己研发的wcPop.js插件,在之前的基础上再次新增升级了全屏弹窗(可上、下、左、右 四个方向进入)

  • 经测试,界面UI精致并完美兼容各个手机设备。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/245128.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号