暂无数据

基本使用

通过页面调用 <fr-empty-data /> 组件显示《暂无数据》缺省组件。

<fr-empty-data />

设置描述

通过设置 description 属性，可以设置缺省组件的描述文字。

<fr-empty-data description="自定义描述文字" />

设置偏移位置

通过设置 offsetTop、offsetBottom 属性，可以设置缺省组件的偏移位置。

• offsetTop：偏移向上距离
• offsetBottom：偏移向下距离

<fr-empty-data :offsetTop="100" :offsetBottom="100" />

自定义插槽

<fr-empty-data>
	<!-- 自定义默认插槽内容 -->
	自定义内容
</fr-empty-data>

API

Props

属性	类型	可选值	默认值	说明
description	String	-	暂无数据	缺省页描述文字
offsetTop	Number	-	0	偏移向上距离
offsetBottom	Number	-	0	偏移向下距离

Slot

名称	说明
default	自定义缺省页底部区域内容