vue-owl-carousel多图整体轮播组件

vue-owl-carousel多图整体轮播组件源码下载

看看谁在用

查看文件目录结构

文件大小:0.30M

素材分类: 插件- Vue插件

更新时间:2023-03-15

vue-owl-carousel是一个基于Vue的响应式轮播插件,灵感来源于jQuery插件owlCarousel。提供了类似于 owlCarousel的API和功能,同时结合了Vue的特性,使得它易于使用和扩展。

丰富的参数配置
items: 一次滚动的数量,默认为 3。
margin: 相邻两个元素之间的距离,默认为 0。
loop: 是否循环滚动,默认为 false。
nav: 是否显示导航按钮,默认为 true。
dots: 是否显示分页导航,默认为 true。
autoplay: 是否自动滚动,默认为 false。
autoplayTimeout: 自动滚动的时间间隔,默认为 5000 毫秒。
autoplayHoverPause: 鼠标移入时是否暂停自动滚动,默认为 true。
center: 是否开启居中模式,默认值为 false。
autoplaySpeed: 自动播放速度,单位为毫秒(可以是数字或布尔值),默认值为 false 。
rewind: 是否开启循环滚动,默认值为 true。
mouseDrag: 是否允许鼠标拖拽幻灯片,默认值为 true。
touchDrag: 是否允许触摸拖拽幻灯片,默认值为 true。
pullDrag: 是否允许拉动幻灯片,默认值为 true。
stagePadding: 幻灯片容器的内边距,用于调整幻灯片之间的间距,单位为像素。
autoWidth: 是否开启自适应幻灯片宽度,默认值为 false。
autoHeight: 是否开启自适应幻灯片高度,默认值为 false。
responsive: 响应式配置,可以针对不同的屏幕尺寸设置不同的选项。
还有一些事件
initialize: 当轮播图被初始化时触发。
initialized: 当轮播图初始化完成后触发。
resize: 当窗口大小改变时触发。
resized: 当轮播图容器被调整大小时触发。
refresh: 当轮播图被刷新时触发。
refreshed: 当轮播图完成刷新时触发。
update: 当轮播图中的数据被更新时触发。
updated: 当轮播图完成数据更新时触发。
drag: 当用户开始拖动轮播图时触发。
dragged: 当用户完成拖动轮播图时触发。
translate: 当轮播图滑动时触发。
translated: 当轮播图完成滑动时触发。
to: 当用户切换到另一个轮播图时触发。
change: 当滚动到下一项时触发。
changed: 滚动完成后触发。

vue-owl-carousel多图整体轮播组件

正在加载文件目录...

456456752134325
456456752134325下载了 此素材
凯
下载了 此素材
凯
收藏了 此素材
晚意
晚意下载了 此素材
岛屿海
岛屿海收藏了 此素材
戰赱殤あ磊
戰赱殤あ磊下载了 此素材
too活泼SUV
too活泼SUV下载了 此素材
大懵呃
大懵呃下载了 此素材
Zombie
Zombie下载了 此素材
等风来
等风来下载了 此素材

也许你还喜欢

  1. web端图片轮播插件meSlider
  2. vue左右箭头轮播图插件
  3. VueJS轮播插件Vueslideshow.js
  4. Vue.js的轮播图插件
  5. jQuery列表拖拽轮播插件owl-carousel
  6. carousel.js多图轮播插件
  7. owl.carousel海报卡片Slider轮播切换
  8. bootstrap+vue轮播切换图文卡片
Vue.js轮播图组件库
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具