Vue.js轮播图组件库

Vue.js轮播图组件库源码下载

看看谁在用

查看文件目录结构

文件大小:0.30M

素材分类: 插件- 轮播和切换

更新时间:2023-03-13

vue-carousel是一个基于Vue.js的轮播图组件库,提供了多种轮播图的展示方式,并且支持无限循环、自动播放、响应式等特性。

丰富的参数配置
adjustableHeight: 设置是否根据每个轮播项的高度来自适应容器高度。默认值为false。
adjustableHeightEasing: 设置自适应高度时的缓动函数。默认值为null,表示使用默认缓动函数。
autoplay: 设置是否自动播放。默认值为false。
autoplayDirection: 设置自动播放的方向。默认值为'forward'。
autoplayHoverPause: 设置鼠标悬停时是否暂停自动播放。默认值为true。
autoplayTimeout: 设置自动播放的时间间隔,单位为毫秒。默认值为2000。
centerMode: 设置是否启用居中模式。默认值为false。
easing: 设置轮播的缓动函数。默认值为'cubic-bezier(0.25, 0.1, 0.25, 1.0)'。
loop: 设置是否循环播放。默认值为true。
minSwipeDistance: 设置滑动距离的最小值,单位为像素。默认值为8。
mouseDrag: 设置是否允许使用鼠标拖动进行轮播。默认值为true。
navigateTo: 设置导航按钮是否跳转到对应的轮播项。默认值为null,表示不跳转。
navigationClickTargetSize: 设置导航按钮的点击目标区域大小,单位为像素。默认值为8。
navigationEnabled: 设置是否启用导航按钮。默认值为true。
navigationNextLabel: 设置下一页导航按钮的标签。默认值为'?'。
navigationPrevLabel: 设置上一页导航按钮的标签。默认值为'?'。
paginationActiveColor: 设置当前页码的颜色。默认值为'#000'。
paginationColor: 设置页码的颜色。默认值为'#efefef'。
paginationPosition: 设置页码的位置,可选值为bottom, bottom-overlay, top 和 top-overlay。
paginationEnabled: 设置是否启用页码。默认值为true。
paginationPadding: 设置页码之间的间距,单位为像素。默认值为10。
paginationSize: 设置页码的大小,单位为像素。默认值为10。
perPage: 设置每页显示的轮播项数量。默认值为2。
perPageCustom: 设置每页显示的轮播项数量的自定义规则。默认值为null,表示使用默认规则。
resistanceCoef: 设置滑动阻力系数。默认值为20。
scrollPerPage: 设置是否按页滚动。默认值为true。
spacePadding:设置轮播图每个slide之间的间距。默认值为0。
spacePaddingMaxOffsetFactor:设置间距的最大值,与轮播图的宽度相乘。默认为0。
speed:设置轮播图的切换速度,单位为毫秒。默认值为500。
tagName:设置轮播图外层包裹元素的标签名。默认为'slide'。
touchDrag:设置是否允许用手指拖动轮播图进行切换。默认为true。
value:设置轮播图初始展示的slide的下标值。默认为0。

Vue.js轮播图组件库

正在加载文件目录...

Serverwen
Serverwen下载了 此素材
雨中超人
雨中超人下载了 此素材
等风来
等风来下载了 此素材
Loco
Loco下载了 此素材
忍者风暴
忍者风暴下载了 此素材
马蚁
马蚁收藏了 此素材
Gavin_R_ong
Gavin_R_ong下载了 此素材
ID639330
ID639330收藏了 此素材

也许你还喜欢

  1. 带Ken Burns效果的jquery幻灯片插件
  2. jQuery轮播slider插件
  3. jquery实用的轮播图插件
  4. 纯CSS3蛋糕甜点轮播图文切换
  5. jQuery图片广告焦点切换
  6. 简单jquery轮播插件
  7. js凡客banner轮播图特效
  8. ReactJs炫酷圆形图文轮播切换
VueJs图片剪裁上传组件
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具