# 空状态 组件

## 介绍

空状态时的占位符

## 引入

```js
import { Vue } from "vue";
import { Empty } from "@bingoit/mobile-ui";

Vue.use(Empty);
```

## 代码演示

### 基础用法

```html
<bgo-empty image="empty" description="暂无数据">
    <van-button type="primary">刷新</van-button>
</bgo-empty>
```

## API

### Props

| 名称        | 说明     | 类型     | 可选值                                                  | 默认值  |
| ----------- | -------- | -------- | ------------------------------------------------------- | ------- |
| image       | 占位图片 | _string_ | `empty` \ `network` \ `server` \ `authority` \ `search` | `empty` |
| description | 文字描述 | _string_ | -                                                       | -       |

### Slots

| 名称        | 说明         |
| ----------- | ------------ |
| default     | 底部内容     |
| image       | 自定义占位图 |
| description | 自定义描述   |