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轮播图组件库
正在加载文件目录...
- 热度 8
Serverwen下载了 此素材
雨中超人下载了 此素材
等风来下载了 此素材
Loco下载了 此素材
忍者风暴下载了 此素材
马蚁收藏了 此素材
Gavin_R_ong下载了 此素材
ID639330收藏了 此素材