## DefaultPage组件
缺省提示是操作异常状态下给予用户的即时反馈页面，或无数据时出现的空白状态反馈。<br/>
它的作用不仅是提醒用户，安抚情绪；更重要的是用“空白”触发用户的操作行为，营造良好用户体验。

### Import
```js
import { DefaultPage } from 'bxs-ui-vue'
```
或
```js
import Vue from 'vue'
import { DefaultPage } from 'bxs-ui-vue'
// 使用Vue.use(DefaultPage)后，install方法会执行Vue.prototype.$defaultPage = DefaultPage;
Vue.use(DefaultPage);
```

### Example
局部用法
```html
<!-- 默认empty -->
<bxs-default-page></bxs-default-page>
<!-- 默认显示小图，显示大图可这样设置 -->
<bxs-default-page :large="!0"></bxs-default-page>
<bxs-default-page type="emtpy"></bxs-default-page>
<bxs-default-page type="emtpy" label="刷新" @action="refresh"></bxs-default-page>
<bxs-default-page type="network"></bxs-default-page>
```
```js
export default {
  components: {
    [DefaultPage.view.name]: DefaultPage.view
  }
}
```
全局用法，使用`Vue.use(DefaultPage)`后，可用`this.$defaultPage`替代`DefaultPage`
```js
// 通用空态，默认显示大图
DefaultPage.empty();
DefaultPage.empty('自定义文案');
// 显示小图，可这样设置
DefaultPage.empty({
  text: '自定义文案',
  large: false
});
DefaultPage.empty({
  text: '自定义文案',
  label: '刷新',
  action: () => {
    window.location.reload();
  }
});
// 网络异常
DefaultPage.network();
// 加载失败
DefaultPage.loaded();
// 服务升级中
DefaultPage.upgrade();
// 没有消息
DefaultPage.message();
// 没有活动
DefaultPage.activity();
// 没有搜索结果
DefaultPage.search();
// 没有评论
DefaultPage.comment();
// 没有收藏
DefaultPage.collect();
// 没有地址
DefaultPage.address();
// 没有奖励券
DefaultPage.redpack();
```
SPA 全局用法
```js
destroyed () {
  DefaultPage.remove();
}
```

### Attributes
| 参数| 说明 | 类型 | 默认值 |
| --- | --- | --- |  --- |
| responsive | 可选，局部显示是否自适应 | Boolean | true |
| type | 可选，错误类型 | String | empty |
| image | 可选，错误图片 | String | 空态图 |
| imageClass | 可选，图片自定义类选择器，属性覆盖需添加`!important` | String |  |
| text | 可选，错误文案 | String | 什么都没有 |
| label | 可选，行动按钮文案 | String | null |
| inline | 可选，是否是局部布局 | Boolean | 局部:true,全局:false |
| large | 可选，是否是大图 | Boolean | 局部:false,全局:true |

### Slot
无

### Event
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| action | 可选，行动按钮事件 | - |
