vue轮播图(原创)

查看演示立即下载

插件描述：基于vue实现的轮播图功能，无第三方插件

这个轮播图功能的代码，为了方便发布，我全部放在了html文件中。

基于vue实现的，无第三方插件。

后期可以将部分html和js拆出来，做轮播组件

data里定义的轮播图属性

// 图片宽
imgWidth:750,
// 指示器
dots:true,
arrow:true,
// 初始播放位置
initIndex:0,
// 是否循环
loop:true,
// 持续时间
duration:0.3,
// 自动播放
auto:true,

如上可以配置的参数以及图片位移可以通过组件通信传递。

如有需要组件化开发（.vue文件格式）的代码,可以评论，我回复封装拆分方法

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com