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