插件描述：使用vue搭建图片轮播功能
使用方法
引入vue库
1 | <script src="js/vue.min.js"></script> |
创建vue实例，data里面存放轮播图的路径
此插件应用了一些vue的简单的事件绑定，列表循环以及显示隐藏
同时为了使图片轮播交互效果更好，还使用了<transition-group>过渡（vue官网有详细介绍）
可以在标签内设置 enter-active-class 和 leave-active-class来产生轮播平滑的效果
或者可以在css中设置：（设置的transition-group的name="image"）
1 2 3 4 | .image-enter-active{}.image-leave-active{}.image-enter{}.image-leave{ |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery背景跟随（原创）
- 下一个特效： 简单的js五子棋