# vue-yequan-swiper

> alert

Latest version **1.0.1** (published 2018-06-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-yequan-swiper
pnpm add vue-yequan-swiper
yarn add vue-yequan-swiper
bun add vue-yequan-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.1 |
| Published | 2018-06-23 |
| First published | 2018-06-22 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 28 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | youqixin |
| Maintainers | yqx |
| Keywords | alert |

## Links

- npm: https://www.npmjs.com/package/vue-yequan-swiper
- npm.io page: https://npm.io/package/vue-yequan-swiper

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2018-06-23
- 1.0.0 — 2018-06-22

## README

# vue swiper
## 安装
npm install vue-yequan-swiper --save
cnpm install vue-yequan-swiper --save //淘宝镜像
### 使用
 * 1.引用
 ```
 import {swiper,slide} from 'vue-yequan-swiper'
 ```
 * 2.使用
 > html
 ```
 <swiper :options="options">
     <slide v-for="(item,index) in list" :key="item.id"
            v-bind:style="{background:'url('+ item.img +') no-repeat center / cover'}">
     </slide>
 </swiper> //注：我个人习惯使用背景图片，也可以在slide之间写你自己的代码
 ```
 * 3.添加options
  ``` data () {
    return {
        list:[
          {
            img:'/static/list1.jpg',
            id:1
          },
          {
            img:'/static/list2.jpg',
            id:2
          },
          {
            img:'/static/list3.jpg',
            id:3
          }
        ],
        options:{
            autoplay:true,//是否自动播放，默认true
            duration:500,//过度时长，单位ms,默认500
            interval:2000,//自动播放间隔时长，单位ms,默认2500
            showPagenation:true,//是否显示index dots,默认true
            notActiveClass:'',//index dots 的类名，默认使用的是yq_pagenation_item，可添加自己的类名
            activeClass:'yq_swiper_active',//index dots 当前的类名，默认yq_swiper_active
            index:1,//加载默认显示的第一张slide，默认1
        },
      }
      }
      ```
### 截图

 [![20180623135356.png](https://s22.postimg.cc/58fehx4a9/20180623135356.png)](https://postimg.cc/image/k4dxpifot/)

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