主题
Empty 缺省页
在没有内容时显示图片、标题、描述或自定义操作。
支持平台
以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 空数据提示 -->
<fui-empty title="暂无数据" descr="请稍后再试"></fui-empty>属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| src | String | 缺省图片地址 | 空 |
| width | Number、String | 图片宽度，单位 rpx | 576 |
| height | Number、String | 图片高度，单位 rpx | 318 |
| title | String | 提示标题 | 空 |
| color | String | 标题颜色 | #333333 |
| size | Number、String | 标题字号，单位 rpx | 32 |
| descr | String | 描述文字 | 空 |
| descrColor | String | 描述文字颜色 | #B2B2B2 |
| descrSize | Number、String | 描述文字字号，单位 rpx | 24 |
| isFixed | Boolean | 是否固定在页面中间 | false |
| marginTop | Number、String | 顶部外边距，单位 rpx | 0 |
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |
平台说明
官网所列颜色是默认展示效果。本地源码中非 nvue 平台的颜色 props 初始值为空，由组件 CSS 变量提供默认颜色。
插槽
| 插槽 | 说明 |
|---|---|
| default | 缺省页中的自定义内容 |