Appearance
引入组件
局部引入
ts
// parent.vue
const FEmpty = defineAsyncComponent(() => import('@/components/formaui/f-empty/f-empty.vue'))基础用法
html
<f-empty imgSrc="/static/icons/empty.svg" imgWidth="340rpx" imgHeight="204rpx">暂无数据</f-empty>插槽
| 名称 | 说明 |
|---|---|
| default | 展示内容 |
属性
| 名称 | 类型 | 说明 | 默认值 |
|---|---|---|---|
fixed | boolean | 是否固定在中间位置 | true |
imgSrc | string | 自定义图片路径 | - |
imgWidth | string | 自定义图片宽度 | - |
imgHeight | string | 自定义图片高度 | - |
textSize | string | 自定义文字大小 | 28rpx |
textColor | string | 自定义文字颜色 | --f-text-color-gray |
textMarginTop | string | 自定义文字顶部外边距 | 48rpx |
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| - | - | - |
方法
| 方法名 | 说明 | 传入参数 |
|---|---|---|
| - | - | - |
