Skip to content

Empty 空状态

用于在没有数据时展示的空状态组件。

基础用法

vue
<template>
  <g-empty text="暂无数据" />
</template>

自定义文本

vue
<template>
  <g-empty text="暂无搜索结果" />
</template>

Props

参数说明类型默认值
text提示文本string暂无数据

样式特性

  • 固定高度 450px
  • 居中布局
  • 默认图片尺寸:66px × 62px
  • 文本颜色:#808080
  • 文本大小:12px

注意事项

  1. 组件使用了固定的空状态图片,地址为:https://webappstorage.gecahobby.com/ebayPC/empty_v2.png
  2. 组件高度固定为 450px,如需调整请通过自定义样式覆盖
  3. 组件采用 flex 布局,确保内容垂直水平居中