项目主要功能点:
1、实现输入框自动延展(最高4行)
2、所有物件的尺寸自适应(大屏尺寸大,小屏尺寸小)
3、所有按钮矢量化
4、上方的绿色对话列表,我用了很少时间,顺便实现了一下。
5、得出“语音按钮不宜使用长按(tap)行为”的结论。
依赖库:
1、adapter.js是基于root size+rem的屏幕自适应方案。目前基于720宽的设计稿。
2、本项目数据绑定及交互行为依赖vue.js(v1.0.28),不依赖jquery。
对于按钮长按事件,目前有这么几种情况:
1、在微信、QQ手机浏览器的长按事件,用手势插件能激活,但会同时激活系统菜单,体验不好。
2、如果想屏蔽系统菜单,目前经测试,只能使用window.ontouchstart = function(e) { e.preventDefault(); };但这种方法,同时屏蔽了所有的手指滑动事件,界面本身的列表是需要上下滑动的,如果这样被一起屏蔽了,就必须用别的方法去驱动这个滑动行为。---综上,长按事件的开销较大。建议不要使用长按事件。如果一定要用,也有办法。