# circle-scroll-swiper

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

Latest version **1.0.4** (published 2021-11-30) · ISC license · 0 weekly downloads

## Install

```sh
npm install circle-scroll-swiper
pnpm add circle-scroll-swiper
yarn add circle-scroll-swiper
bun add circle-scroll-swiper
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2021-11-30 |
| First published | 2021-11-30 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | caiwenlong |
| Keywords | swiper, 轮播图, 环形轮播图, 圆形轮播图, VUE, circle-scroll-swiper |

## Links

- npm: https://www.npmjs.com/package/circle-scroll-swiper
- npm.io page: https://npm.io/package/circle-scroll-swiper

## Alternatives

- [adhdev](https://npm.io/package/adhdev.md) — 11.1K weekly downloads
- [react-slide-button](https://npm.io/package/react-slide-button.md) — 310 weekly downloads
- [better](https://npm.io/package/better.md) — 42 weekly downloads
- [react-native-swipe-image](https://npm.io/package/react-native-swipe-image.md) — 22 weekly downloads
- [nl.fokkezb.pulltorefresh](https://npm.io/package/nl.fokkezb.pulltorefresh.md) — 11 weekly downloads

## Recent versions

- 1.0.4 (latest) — 2021-11-30
- 1.0.3 — 2021-11-30
- 1.0.2 — 2021-11-30
- 1.0.1 — 2021-11-30
- 1.0.0 — 2021-11-30

## README

<!--
 * @Descripttion: 
 * @version: 
 * @@Company: HDWB
 * @Author: cwl
 * @Date: 2021-11-30 09:47:58
 * @LastEditors: cwl
 * @LastEditTime: 2021-11-30 09:49:31
-->
## “环形轮播图”开发文档说明

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

```
    该项目为轮播图
```

## 二：项目预览
![Image text](https://gitee.com/zxtycaiwenlong/canvas/raw/9b11cd9f73922d4e7b9f2a05aca87b17940560c7/src/assets/1638236960(1).png)

## 三：使用方法

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

---
_Source: https://npm.io/package/circle-scroll-swiper · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._