# zero-loading

## 使用方法

导入 `uni_modules` 后直接使用即可

提供多种加载动画类型,传入 type 改变 loading 样式，不传默认 circle

### 全屏使用

```html
<zero-loading v-if="loading"></zero-loading>
```

### 局部使用

**父元素的 `position` 记得改为 `relative` 不然可能影响效果**

```html
<zero-loading type="pulse" position="absolute"></zero-loading>
```

## 参数说明

| 参数			| 类型		| 默认值| 描述											|
| --------		| -------	| ------| ------------									|
| type			| String	| atom	| 样式											|
| position		| String	| fixed	| 定位方式										|
| zIndex		| Number	| 9		|												|
| mask			| Boolean	| false	| 是否需要遮罩 (默认为全屏遮罩,背景色默认为黑色)|
| maskOpacity	| Number	| 0.3	| 遮罩透明度									|
| maskMini		| Boolean	| false	| 传入true时,使用小遮罩						|
| maskDark		| Boolean	| true	| 传入false时,遮罩背景色为白色					|

### type 可选值：

| type 值  | 描述 |
| -------- | ---- |
| gear     | 齿轮 |
| sword    | 剑气 |
| atom     | 原子 |
| circle   | 圆环 |
| love     | 爱心 |
| pulse    | 脉冲 |
| sun      | 太阳 |
| eyes     | 眼睛 |
| triangle | 三角 |
| bounce   | 弹跳 |

插件预览:
![code](https://img.zerojs.cn/mweb/we_code.jpg)

> 预览的小程序不一定能及时更新当前插件