business-carousel

说明

纯原生轮播图插件, 包括渐变、滚动轮播, 以及其它的可配置项.

演示

源码

https://github.com/ddzy/ts-utility-plugins/tree/master/src/ddzy/business/carousel

配置

Name	Type	Description	Required
container	string	挂载到的 DOM 容器	false
dataSource	Array<{ text: string, img: { url: string, target: string, }, }>	数据源	false
autoPlay	boolean	是否自动播放	false
showDots	boolean	是否显示指示点	false
showArrows	boolean	是否显示箭头	false
easing	string	过渡动画曲线	false
effect	string	采用何种轮播("scroll" | "fade")	false
vertical	boolean	是否为垂直方向	false
duringTime	number	过渡动画持续时间	false
delayTime	number	过渡延迟时间	false
isHoverPause	boolean	鼠标悬停是否暂停轮播	false
beforeChange	() => void	*	false
afterChange	() => void	*	false