开源软件名称:carousel
开源软件地址:https://gitee.com/towardly/carousel
开源软件介绍:
Carousel使用 TypeScript 编写的一款小巧的轮播组件,兼容移动和PC端。 安装npm install ph-carousel --saveyarn 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 | 在只有一页时是否允许滑动 | |
请发表评论