circle-scroll-swiper

“环形轮播图”开发文档说明

一：项目描述（介绍项目类型及功能）

    该项目为轮播图

二：项目预览

三：使用方法

• npm install circle-scroll-swiper

 import CircleScroll from 'circle-scroll-swiper'


 const options = {
      el: '.index',
      list: [],
      childWidth: 300,
      childHeight: 300,
      perspective: 1000
    }
    const circle = new CircleScroll(options)
    circle.init()
 

四：options

 el  
    初始化的dom节点，或者class和id选择器
list
    轮播图的数据，是个数组，对应  listProps
listProps
    轮播图数组里面，对应的url的字段，默认是img
childWidth
    轮播图的每个图片的宽度
childHeight
    轮播图的每个图片的高度
perspective
    轮播图的整体的视角深度，默认 370
speed  
    轮换动画的过渡时长，默认 0.8
autoTime
    每切换一帧的间隔时间， 默认 null,如果不传，则无间隔的轮播

& 文件目录

dom.js    操作样式
event.js  设计操作
index.js  全局