空状态 Empty

表示这里什么也没有。

基础使用

这里尊嘟什么也没有。

No Data

<template>
	<px-empty></px-empty>
</template>

描述内容

description 属性修改描述文本。description 插槽自定义描述内容。

404 Not Found

Back to Homepage

<template>
	<px-space>
		<px-empty description="404 Not Found"></px-empty>
		<px-empty>
			<template #description>
				<px-link theme="info"> Back to Homepage </px-link>
			</template>
		</px-empty>
	</px-space>
</template>

插图

image 插槽修改插图。

No Data

<template>
	<px-empty>
		<template #image>
			<IconWindowClose></IconWindowClose>
		</template>
	</px-empty>
</template>
<script setup lang="ts">
import { IconWindowClose } from '@pixelium/web-vue/icon-hn/es'
</script>

EmptyProps

属性	类型	可选	默认值	描述	版本
description	string	是	'No Data'	描述文本。	0.0.2

EmptySlots

插槽	参数	描述	版本
image		空状态插图的插槽。	0.0.2
description		描述内容的插槽。	0.0.2