# m-slider

> m-slider 以轮播的形式展示图片或自由组合内容

Latest version **1.1.1** (published 2017-05-24) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install m-slider
pnpm add m-slider
yarn add m-slider
bun add m-slider
```

## 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.1.1 |
| Published | 2017-05-24 |
| First published | 2016-07-27 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | 半边 |
| Maintainers | mickey- |
| Keywords | slider, react, mobile |

## Links

- npm: https://www.npmjs.com/package/m-slider
- Repository: https://github.com/59fe/m-slider
- Issues: https://github.com/59fe/m-slider/issues
- npm.io page: https://npm.io/package/m-slider

## Dependencies (5)

- [react](https://npm.io/package/react.md) ~15.5.4
- [m-base](https://npm.io/package/m-base.md) ^1.0.0
- [react-dom](https://npm.io/package/react-dom.md) ~15.5.4
- [classnames](https://npm.io/package/classnames.md) ~2.2.3
- [prop-types](https://npm.io/package/prop-types.md) ^15.5.8

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.1 (latest) — 2017-05-24
- 1.1.0 — 2017-05-24
- 1.0.0 — 2016-07-27

## README

# m-slider 移动端轮播图/幻灯片

---

以轮播的形式展示图片或自由组合内容。

## 何时使用

在一个模块内需要依次展现多图或多组对象时，常用到轮播模块。



## API

- 通过设置 Slider 的属性来产生不同的轮播样式

- 轮播的属性说明如下：

属性 | 说明 | 类型 | 默认值
-----|-----|-----|------
images | 设置轮播播放的图片序列 | Array | undefined
loop | 设置轮播是否循环 | Bool | true
auto | 设置轮播是否自动播放 | Bool | false
interval | 设置自动播放时间间隔, 仅在 `auto` 为 `true` 时生效 | Number | 3000
group | 为轮播图片序列分组, 设置每一组中包含的图片数量, 默认为`1`, 不分组 | Number | 1
narrow | 设置轮播为预露模式, 即显示前后一张图片的部分内容 | Bool | false
narrowValue | 设置轮播预露区域的最大值, 以百分比定义, 不需要添加单位 | Number | 20
freeMode | 设置轮播是否为跟随模式, 在跟随模式下, 无法设置循环, 自动轮播 | Bool | false
indicator | 设置轮播的指示器的显示和隐藏 | Bool | true
indicatorSeparate | 设置轮播指示器是否与轮播内容分离, `true`时, 轮播指示器不与图片重叠, 而是展示在图片内容下方 | Bool | false 


- 自由组合类型

使用 Slider.Frame 创建高度自定义的轮播

**使用Frame创建组合轮播时, images属性不再生效**

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