frag-carousel
v1.0.3
Published
前端vue3版本的 炫酷的 碎片轮播图
Downloads
20
Maintainers
Readme
使用前提: 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 | | [] |