Empty 空状态

空状态时的展示占位图,当目前没有数据时,用于显式的用户提示。

TIP

1.0.8+

普通用法

Empty 空状态 - 图1

  1. <avue-empty></avue-empty>
  2. <script>
  3. export default {
  4. }
  5. </script>

调节大小

Empty 空状态 - 图2

  1. <avue-empty :size="40"></avue-empty>
  2. <script>
  3. export default {
  4. }
  5. </script>

自定义用法

Empty 空状态 - 图3

  1. <avue-empty
  2. image="https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original"
  3. desc="自定义的提示语">
  4. <el-button type="primary">创建新东西</el-button>
  5. </avue-empty>
  6. <script>
  7. export default {
  8. }
  9. </script>

Variables

参数说明类型可选值默认值
image设置显示图片,为 string 时表示自定义图片地址string
size图片的大小string80
desc自定义描述内容string暂无数据

Scoped Slot

name说明
Empty 的内容