drip-ui/packages/loading/zh-CN.md

Lightweight Mobile UI Components built on Vue

## Loading 加载

### 使用指南
``` javascript
import { Loading } from 'drip-ui';

Vue.use(Loading);
```

### 代码演示

```javascript
showLoading () {
  this.$loading.show()

  setTimeout(() => {
    this.$loading.hide()
  }, 3000)
},

showLoading2 () {
  this.$loading.show({
    text: '自定义内容'
  })

  setTimeout(() => {
    this.$loading.hide()
  }, 3000)
},

showLoading3 () {
  this.$loading.show({
    type: 'line'
  })

  setTimeout(() => {
    this.$loading.hide()
  }, 3000)
}
```

### API

| 参数 | 说明 | 类型 | 默认值 |
|-----------|-----------|-----------|-------------|
| show | 是否展示 | Boolean | -` |
| type | 类型，可选值为 `line`  `circle`| `String` | `circle` |
| text | 文字 | `String` | `请求中` |