基于 vue3 的自定义内容轮播组件

通过插槽自定义内容轮播

• node 版本 12.22.0、14.17.5

可传参数

• list 轮播的数组，用于计算索引 【必传】
• groupType 轮播的方向类型 默认值 transverse 【横向：transverse；竖向：vertical】
• defaultDir 轮播的默认方向 【正straight 反reverse】
• speed 轮播的速度，单位：毫秒 默认 5 秒
• showPrevNext 是否显示两侧切换按钮 默认不显示
• showPaging 是否显示分页按钮 默认不显示
• width 轮播组件宽度 默认继承父元素宽度 默认 100%
• height 轮播组件高度 默认继承父元素高度 默认 100%
• animationTime 切换动画的时间 默认 0.5 秒
• animationType 动画效果 【linear ease-in ease-in-out ease-out】

事件

• changeIndex 获取前轮播的索引（返回值：当前索引）

注意事项

• 轮播内容自行通过插槽传入，（！！！）插槽传参通过index暴露索引
• 轮播组件宽高默认继承组件的父元素宽高
• 底部索引按钮根据项目在组件内写
• 切换按钮通过插槽传入 不传则不显示 具名插槽=> [ "prevBtn"，"nextBtn" ]; 通过暴露的方法调用切换具体看示例