Empty空状态

常用Empty空状态展示。

基础用法

暂无内容

精彩即将呈现，敬请期待

暂无数据

敬请期待更新，保持关注

暂无网络

快检查一下网络设置吧

搜索无结果

换个关键词试试

暂无消息

目前还没有收到任何消息

暂无页面

功能开发中，敬请期待

404

您访问的页面不存在

500

服务器错误，正在维护中

403

抱歉，您无法访问页面

javascript

<template>
  <ra-empty type="noContent"></ra-empty>
  <ra-empty type="noData"></ra-empty>
  <ra-empty type="noNetwork"></ra-empty>
  <ra-empty type="noResult"></ra-empty>
  <ra-empty type="noMessage"></ra-empty>
  <ra-empty type="noFixed"></ra-empty>
  <ra-empty type="404"></ra-empty>
  <ra-empty type="500"></ra-empty>
  <ra-empty type="403"></ra-empty>
</template>

默认插槽

暂无数据

敬请期待更新，保持关注

javascript

<template>
  <ra-empty>
    <el-button size="small">查看其他</el-button>
  </ra-empty>
</template>

属性说明

Empty属性:

Empty插槽: