1.0.3 • Published 6 months ago
frag-carousel v1.0.3
使用前提: vue3版本
使用方法:
1.安装 npm install frag-carousel
2.引入组件 import FragCarousel from 'frag-carousel'
3.以组建的方式使用
配置项:
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
width | 容器的宽度 | string | 100% (建议写成px) | |
height | 容器的高度 | string | 100% (建议写成px) | |
initial-index | 初始状态激活的幻灯片的索引,从 0 开始 | number | 0 | |
interval | 自动切换的时间间隔,单位为毫秒 | number | 2000 | |
loop | 是否循环显示 | |||
options | 指定碎片的 "行" 数和 "列" 数 | object | { row: 4, col: 4 } (row、col都不能小于4) | |
src-list | 展示图片的链接 | array | [] |