# swiper22

> simple swiper for vue

Latest version **1.0.1** (published 2017-05-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install swiper22
pnpm add swiper22
yarn add swiper22
bun add swiper22
```

## 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.1 |
| Published | 2017-05-15 |
| First published | 2017-05-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | yezi12138 |
| Maintainers | yezi12138 |

## Links

- npm: https://www.npmjs.com/package/swiper22
- Repository: https://github.com/yezi12138/swiper
- Homepage: https://github.com/yezi12138/swiper#readme
- Issues: https://github.com/yezi12138/swiper/issues
- npm.io page: https://npm.io/package/swiper22

## Recent versions

- 1.0.1 (latest) — 2017-05-15
- 1.0.0 — 2017-05-15

## README

# swiper
a simple swiper for vue


## install
> npm install banner-swiper --save-dev

## usage

    import Vue from 'vue'
    import Swiper from 'banner-swiper'

    new Vue({
      el: 'body',
      components: {Swiper}
    });
    
    
    
    <swiper>
      <div class="swiper-item">1</div>
      <div class="swiper-item">2</div>
      <div class="swiper-item">3</div>
    </swiper>
    
    
## API
    
| Name           | default       | description              |
| -------------  |:-------------:| -----:                   |
| loop           | ture          | auto play                |
| speed          | 3000          | the speed of playing     |
| showIndicators | ture          | show this indicators     |
| height         | 250px         | define div height        |
| indicatorType  | 1             | define indicator position|


## for example

<swiper :height="'540px'" :indidcatorType="2"></swiper>

set the height of swiper to 540px and set the indicatorType to the lower right corner

the indicatorType's default is in the middle

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