Empty 空状态

说明

基于 el-empty 封装，用于展示空数据状态。主要功能是可以通过 y-app-wrap 传递默认值，提供全局统一配置

用法示例

基础用法

暂无数据

<template>
  <div class="bordered-container">
    <y-empty />
  </div>
</template>

<script setup lang="ts">
</script>

<style scoped>
.bordered-container {
  width: 300px;
  height: 300px;
  border: 1px solid var(--el-border-color-light);
}
</style>

隐藏源码

API

Attributes

属性名	说明	类型	默认值
image	图片地址	string	—
image-size	图片尺寸	number	100
description	描述文字	string	'暂无数据'
style	el-empty支持的样式，包括css变量	object	—

Slots

同 el-empty slots

名称	说明	参数
default	自定义底部内容	—
image	自定义图片内容	—
description	自定义描述	—

CSS Variables

其他变量参考 el-empty