# vue-effects

**Repository Path**: humaoshu/vue-effects

## Basic Information

- **Project Name**: vue-effects
- **Description**: vue封装的effects组件，npm包
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-10-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-effects

vue 加载遮罩组件,基于 CSSFX 样式

### Installation

#### NPM + ES2015

```
npm i vue-effects/yarn add vue-effects
```

#vue 全局使用

```js
import Vue from "vue";
import App from "./App.vue";

import Effects from "vue-effects";

Vue.use(Effects);

Vue.config.productionTip = false;

new Vue({
  render: h => h(App)
}).$mount("#app");
```

```html
<e-Button :type="'jelly'" @click.native="ShowLoading()">
  jelly按钮
</e-Button>
<br />
<e-Button :type="'pulse'">
  pulse按钮
</e-Button>
<br />
<e-Button :type="'slide'">
  slide按钮
</e-Button>
```

### Example

gitee 预览 [example](http://humaoshu.gitee.io/vue-effects/) 案例效果预览.

See `/examples` for some simple examples.

### Gitee，码云仓库

https://gitee.com/humaoshu/vue-effects/pages

master 为主分支，view 分支为 gitee pages 服务部署分支，配置及目录略有差异

### License

[MIT](http://opensource.org/licenses/MIT)