ph-carousel

Carousel

使用 TypeScript 编写的一款小巧的轮播组件，兼容移动和PC端。

安装

npm install ph-carousel --save
yarn add ph-carousel

使用

引用

// 1. 引入 css 样式表
import 'ph-carousel/index.css';
// 或者
import 'ph-carousel/lib/index.less';
 
// 2. 引入js文件
import Carousel from 'ph-carousel'

使用

new Carousel({
  el: '.ph-swipe'
})

构造函数的对象参数说明：

字段	类型	是否必填	默认值	说明
el	string	是	-	容器节点选择器
speed	number	否	300	动画持续时间（毫秒）
defaultIndex	number	否	0	初始显示的轮播图的索引
auto	number	否	3000	自动播放的时间间隔（毫秒），如果设置小于等于0，则停止自动播放
continuous	boolean	否	true	是否可以循环滑动
showIndicators	boolean	否	true	是否显示指示器
indicatorToggle	boolean	否	false	点击指示器时，是否进行切换
noDragWhenSingle	boolean	否	false	在只有一页时是否允许滑动