##state-page



## 配置属性
| 属性名 |类型 | 必填 | 默认值 | 说明 |
|-------|----|-----|--------|-----|
|type   | string | 否 | - | 页面展示类型 |
|reload| function| type = 'noNetwork'必填 | - | 重新加载回调|
|fixed| Boolean| 否 | true | 当设置为true，组件的高度是相对于整个窗口， 当设置为false时，是相对于父元素，父元素没有设置高度将自动撑开|
| title | string | 否 | - | 标题 |
|description | string | 否 | - | 描述 |
|showReload | string | 否 | - | 是否展示重新加载按钮 |
|hide-defultdesc | Boolean | 否 | false | 隐藏默认文案 |
|showIcon | string | 否 | - | zw-icon中的type |



## type 类型
| 类型 | 含义 |
|-----| -----|
| noNetwork |  没有网络 |
| noData | 没有数据 |
| noSearch | 没有搜索结果 |
| noSubscribe | 暂无订阅|
| noCollect| 暂无收藏 |


## slots

| slotName |  说明 |
| ----------| -----|
| icon | 自定义图表,如果存在改slot，type将失效|
| content | 自定义内容,如果存在改slot，type将失效 |



#### 示例

json:

```

    {
        "navigationBarTitleText": "标题",
        "navigationStyle": "custom",
        "usingComponents": {
            "state-page": "yourpath/components/StatePage/src/index"
        }
    }
```

swan:

```
    <view>
        <state-page description="{{description}}" show-reload="{{true}}" type="noNetwork" s-if="show === 'noNetwork'"></state-page>
        <state-page type="noData" s-if="show === 'noData'" fixed="{{false}}"></state-page>
        <state-page type="noSearch" s-if="show === 'noSearch'"></state-page>
        <state-page type="noFund" s-if="show === 'noFund'"></state-page>
        <state-page type="noCard" s-if="show === 'noCard'"></state-page>
    </view>
```