# seamless-scroll-xm

> vue seamlessScroll component

Latest version **1.0.6** (published 2018-07-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install seamless-scroll-xm
pnpm add seamless-scroll-xm
yarn add seamless-scroll-xm
bun add seamless-scroll-xm
```

## 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.6 |
| Published | 2018-07-21 |
| First published | 2018-07-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 97.3 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Tomar-Y |
| Maintainers | yinjinqian |
| Keywords | vue, seamless |

## Links

- npm: https://www.npmjs.com/package/seamless-scroll-xm
- npm.io page: https://npm.io/package/seamless-scroll-xm

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.11
- [comutils](https://npm.io/package/comutils.md) ^1.1.19

## Recent versions

- 1.0.6 (latest) — 2018-07-21
- 1.0.0 — 2018-07-18
- 1.0.5 — 2018-07-18

## README

# seamless-scroll

> a vue component for seamless-scroll

# desc
```
  optionClass: {
    step: 1, //步长
    limitMoveNum: 5, //启动无缝滚动最小数据数
    hoverStop: true, //是否启用鼠标hover控制
    direction: 1, // 0 往下 1 往上 2向左 3向右
    openTouch: true, //开启移动端touch
    singleHeight: 0, //单条数据高度有值hoverStop关闭
    singleWidth: 0, //单条数据宽度有值hoverStop关闭
    waitTime: 1000, //单步停止等待时间
    switchOffset: 30,
    autoPlay: true,
    switchSingleStep: 134,
    switchDelay: 400,
    switchDisabledClass: 'disabled',
    isSingleRemUnit: false // singleWidth/singleHeight 是否开启rem度量
  }
```


## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

## 说明
  ```
  无缝滚动插件
  ```

## demo
  
  npm run dev 启动后可直接看到效果，使用demo写在App.vue里面

## 参数配置
  ```
  # data: 滚动的数据，小于100条
  # classOption: 详情见上

  ```

## 安装使用

  ``` bash
  # 在项目入口文件中（main.js) 
  # step1: 
  npm install seamless-scroll-xm --save-dev

  # step2:
  import SeamlessScroll from 'seamless-scroll-xm'
  Vue.use(SeamlessScroll)

  # step3: 
  <seamlessScroll :data="list" :class-option="classOption" class="seamlessBox">
    <ul class="listBox">
    <li v-for="(item, index) in list">
        <a href="javascript:void(0)">
        <span> {{ item.title }} </span>
        <span> {{ item.date }} </span>
        </a>
    </li>
    </ul>
  </seamlessScroll>
  
  ```

有问题请留言
> [Github地址](https://github.com/Tomar-Y/components/seamless-scroll)

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