# mt-loading

> > vue 自定义指令 - 局部loading

Latest version **0.1.7** (published 2020-05-27) · 0 weekly downloads

## Install

```sh
npm install mt-loading
pnpm add mt-loading
yarn add mt-loading
bun add mt-loading
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.7 |
| Published | 2020-05-27 |
| First published | 2020-05-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 10 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | yxc945ya |
| Keywords | mt-loading |

## Links

- npm: https://www.npmjs.com/package/mt-loading
- npm.io page: https://npm.io/package/mt-loading

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.6.11

## Recent versions

- 0.1.7 (latest) — 2020-05-27
- 0.1.6 — 2020-05-24
- 0.1.5 — 2020-05-24
- 0.1.4 — 2020-05-24
- 0.1.3 — 2020-05-23
- 0.1.2 — 2020-05-23
- 0.1.1 — 2020-05-23
- 0.1.0 — 2020-05-23

## README

# mt-loading

> vue 自定义指令 - 局部loading

<br/>

npm仓库地址 : [自定义指令 - 局部loading](https://www.npmjs.com/package/mt-loading)

## 咋装下呢?
```yarn add mt-loading```  或者使用  ```npm i mt-loading```
<br/>

## 看下到底是个啥
![mt-loading.gif](https://bj-mutou-1301404888.cos.ap-beijing.myqcloud.com/cdn/mutou-works/mt-loading.gif)
<br/>

## 用起来！兄弟萌！
使用```咋装下呢?```中的命令将该插件安装到你的项目之后，就可以在```main.js```中使用```import```引入，然后使用```Vue.use(XXX)```使用即可。
```$xslt
import mtLoading from 'mt-loading'

Vue.use(mtLoading)

// 作为指令使用
<div v-mt-loading='true'></div>
```

<br/>

## 参数都有啥
```
有三个状态
1. 默认（竖条纹loading）
<div v-mt-loading='true'></div>

2. 圆形loading
<div v-mt-loading.bounce='true'></div>

3. 竖条纹loading
<div v-mt-loading.move='true'></div>
```
<br/>

## 修改默认颜色
```
例: 修改背景色
.mt-loading-bg-color{
  background-color: rgba(100,100,100,0.3) !important;
}

例: 修改icon颜色
.mt-loading-icon-color{
  background-color: red !important;
}
```

 
- Email：xicunyang@163.com

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