暂无搜索结果
基本使用
通过页面调用 <fr-empty-search />
组件显示《暂无搜索结果》缺省组件。
vue
<fr-empty-search />
设置描述
通过设置 description
属性,可以设置缺省组件的描述文字。
vue
<fr-empty-search description="自定义描述文字" />
设置偏移位置
通过设置 offsetTop
、offsetBottom
属性,可以设置缺省组件的偏移位置。
- offsetTop:偏移向上距离
- offsetBottom:偏移向下距离
vue
<fr-empty-search :offsetTop="100" :offsetBottom="100" />
自定义插槽
vue
<fr-empty-search>
<!-- 自定义默认插槽内容 -->
自定义内容
</fr-empty-search>
API
Props
属性 | 类型 | 可选值 | 默认值 | 说明 |
---|---|---|---|---|
description | String | - | 暂无搜索结果 | 缺省页描述文字 |
offsetTop | Number | - | 0 | 偏移向上距离 |
offsetBottom | Number | - | 0 | 偏移向下距离 |
Slot
名称 | 说明 |
---|---|
default | 自定义缺省页底部区域内容 |