Appearance
Empty 空状态
用于在没有数据时展示的空状态组件。
基础用法
vue
<template>
<g-empty text="暂无数据" />
</template>自定义文本
vue
<template>
<g-empty text="暂无搜索结果" />
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| text | 提示文本 | string | 暂无数据 |
样式特性
- 固定高度 450px
- 居中布局
- 默认图片尺寸:66px × 62px
- 文本颜色:#808080
- 文本大小:12px
注意事项
- 组件使用了固定的空状态图片,地址为:
https://webappstorage.gecahobby.com/ebayPC/empty_v2.png - 组件高度固定为 450px,如需调整请通过自定义样式覆盖
- 组件采用 flex 布局,确保内容垂直水平居中