JSPM

circle-scroll-swiper

1.0.4
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 19
    • Score
      100M100P100Q44241F
    • License ISC

    类似于swiper的,具有深度的环形轮播图,根据参数设置播放方式

    Package Exports

    • circle-scroll-swiper
    • circle-scroll-swiper/index.js

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (circle-scroll-swiper) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

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

    一:项目描述(介绍项目类型及功能)

        该项目为轮播图

    二:项目预览

    Image text

    三:使用方法

    • 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  全局