# Spinner 区块加载

## 何时使用

用于页面和区块的加载中状态。

### 基本使用

一个简单的 loading 状态。

@[demo](./demo/basic.vue)

### 自定义样式

可设置`loading`图标的颜色和大小，以及自定义文本的样式。

@[demo](./demo/style.vue)

### 使用指令

使用`v-mm-spinner`指令将 spinner append 到指定 dom 节点。  
(也可以使用`target`属性指定 spinner 组件 append 的目标元素)

@[demo](./demo/director.vue)

## Spinner Options

| 参数       | 说明                           | 类型                | 可选值                           | 默认值        |
| ---------- | ------------------------------ | ------------------- | -------------------------------- | ------------- |
| target     | 覆盖的目标元素                 | string / dom object | -                                | document.body |
| text       | 显示在加载图标下方的文案       | string              | -                                | -             |
| background | 遮罩背景色                     | string              | -                                | -             |
| loadingSize       | Loading 图标大小                       | string              | -        | 40px |
| loadingColor | Loading 图标颜色 | string | - | #2684FF |