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
​

最近更新 2yr ago

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