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