这是一个在项目中用到的一个轮播效果,前端最难的应该就是动画了,逻辑什么的相比后台来说还是比较简单的(个人觉得),先来看看效果图
拿到设计图时翻遍了所有的轮播插件,发现跟UI要的效果都相差甚远啊,没办法,只能找个相对来说适合的进行整改了,找的是一个jquery写的一个方法,因为项目用的是vue,vue里面使用jquery插件还是有点难用的(谁用谁知道),于是得想办法用自定义指令模拟touch事件,滑动事件需要监听是左划还是右划,这就需要自定义指令的钩子事件,可以携带绑定参数,具体的用法如下
这是一个在项目中用到的一个轮播效果,前端最难的应该就是动画了,逻辑什么的相比后台来说还是比较简单的(个人觉得),先来看看效果图
拿到设计图时翻遍了所有的轮播插件,发现跟UI要的效果都相差甚远啊,没办法,只能找个相对来说适合的进行整改了,找的是一个jquery写的一个方法,因为项目用的是vue,vue里面使用jquery插件还是有点难用的(谁用谁知道),于是得想办法用自定义指令模拟touch事件,滑动事件需要监听是左划还是右划,这就需要自定义指令的钩子事件,可以携带绑定参数,具体的用法如下