JGuang

空状态

Empty · Ant Design Mobile

交互预览
npm install antd-mobile@5.43.0

空状态 Empty

<Alert type="warning"> Empty 组件已弃用,并将在下个大版本(v6)中被移除,建议切换到 ErrorBlock 组件。 </Alert>

安装

npm install antd-mobile@5.43.0

antd-mobile 是移动网页组件库,不是 React Native 或小程序组件。React 19 项目需在入口用 unstableSetRender 注册 createRoot,否则 Toast、Dialog 等命令式 API 无法渲染;深色模式通过 <html data-prefers-color-scheme="dark"> 切换。

示例来自 Ant Design Mobile 官方仓库(MIT),固定在 npm 5.43.0 对应的提交;示例中的 DemoBlock 等展示辅助组件由 JGuang 重写,不属于 antd-mobile 的 API。

<Alert type="warning"> Empty 组件已弃用,并将在下个大版本(v6)中被移除,建议切换到 ErrorBlock 组件。 </Alert>

使用场景插画表示内容为空。

何时使用

适用于于信息为空时的占位提示。

示例

Empty

属性

属性说明类型默认值
description图片下方的描述文字ReactNode-
image自定义图片,为 string 时表示图片 URLReactNode-
imageStyle图片样式CSSProperties-