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多图整体轮播组件

正在加载文件目录...

晚意下载了 此素材
岛屿海收藏了 此素材
戰赱殤あ磊下载了 此素材
too活泼SUV下载了 此素材
大懵呃下载了 此素材
Zombie下载了 此素材
等风来下载了 此素材
忍者风暴下载了 此素材
疯人院里的疯言疯语下载了 此素材
A.下载了 此素材

也许你还喜欢

  1. Vue.js轮播图组件库
  2. VueJS轮播插件Vueslideshow.js
  3. OwlCarousel插件调用示例轮换图
  4. owl.carousel海报卡片Slider轮播切换
  5. web端图片轮播插件meSlider
  6. vuejs图片相册轮播插件
  7. bootstrap+vue轮播切换图文卡片
  8. jQuery图片轮显旋转木马插件
Vue.js轮播图组件库
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器