实现功能有：轮播 自动播放 dots 循环播放，适合手机端,图片高度自适应
2022-11-30 12:21:10
304KB
1
vue实现轮播图，实现滚动切换，无缝切换，自动切换，循环无回滚，暂停滚动等效果。适合初学者学习借鉴。对代码有疑问或者不懂的欢迎私信交流。
2021-07-29 15:47:52
501KB
1
vue实现的一个轮播图示例
创建vue实例，data里面存放轮播图的路径
此插件应用了一些vue的简单的事件绑定，列表循环以及显示隐藏
同时为了使图片轮播交互效果更好，还使用了过渡（vue官网有详细介绍）
可以在标签内设置 enter-active-class 和 leave-active-class来产生轮播平滑的效果
或者可以在css中设置：（设置的transition-group的name="image"）
2019-12-21 20:43:41
126KB
1
这是我用vue写的无缝轮播组件 carousel.vue ，主要实现了以下几个功能：1，页面载入时自动轮播；2，当鼠标放在图上时停止轮播，鼠标移出时继续轮播；3，点击左侧箭头时，图片向右滑到下一张，点击右侧箭头时，图片向左滑动到下一张；4，点击下面的横条，滑到对应的图片，相应横的样式也发生改变；5，无限滚动，即在滚动到最后一张时，再点击下一张时会继续向左滑动到第一张，而不是整个拉到第一张。
2019-12-21 20:03:17
7KB
1