暂无消息

基本使用

通过页面调用 <fr-empty-message /> 组件显示《暂无消息》缺省组件。

<fr-empty-message />

设置描述

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

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

设置偏移位置

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

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

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

自定义插槽

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

API

Props

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

Slot

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