business-carousel
说明
纯原生轮播图插件, 包括渐变、滚动轮播, 以及其它的可配置项.
演示
源码
https://github.com/ddzy/ts-utility-plugins/tree/master/src/ddzy/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