在码上飞AI中为列表、表格或卡片预设空状态占位区，可避免页面空白、提升无数据体验；通过启用空状态开关、选择模板或自定义图标+文案+刷新按钮，并设置最小高度与内边距，确保视觉稳定。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞AI中为列表、表格或卡片区域预设空数据占位区，能避免用户首次进入时页面空白引发困惑，也能提升后台数据未加载或查询无结果时的体验连贯性。
确认空状态触发场景
打开已创建的应用编辑页，点击左侧导航中的「页面管理」→ 选择需配置的列表页（如“商品信息管理”）→ 在右侧画布中定位到目标容器组件（如“数据表格”或“卡片列表”）。
右键该组件 → 选择「编辑属性」→ 查看「数据源」绑定项。若当前绑定的是API接口或数据库查询，且尚未返回任何记录，则该组件默认不渲染内容——这正是空状态需要介入的位置。
手动添加空状态占位区块
方法一：使用内置空状态模板
在组件属性面板中，找到「空状态」开关并启用 → 点击「选择模板」→ 从弹出面板中选取「无数据提示+刷新按钮」或「空白图示+说明文案」任一预设样式。
方法二：自定义空状态内容
启用空状态后，点击「编辑内容」进入可视化编辑区 → 拖入一个「图标」组件（推荐使用“folder-open”或“database-off”类图标）→ 再拖入一个「文本」组件，输入“暂无商品信息” → 最后拖入一个「按钮」组件，设置文字为“刷新列表”，动作设为“重新加载当前数据源”。
【注意：按钮动作必须绑定到当前列表组件的数据源刷新事件，否则点击无效】
按数据加载阶段分层预留空间
第一步：识别容器高度是否固定
选中目标列表组件 → 查看右侧「样式」面板中的「高度」值。若为“auto”或未填写，则空状态出现时容器会塌缩，导致下方元素上移——此时必须手动设置最小高度（建议≥200px）。
第二步：设置最小高度与内边距
在「样式」面板中，将「最小高度」设为240px → 「内边距」上下各设为48px，确保图标、文案、按钮垂直居中对齐。
第三步：关闭空状态自动隐藏
在「空状态」属性中，取消勾选「数据加载中时隐藏空状态」选项。这样在接口请求发出但尚未返回时，用户仍能看到占位内容，避免白屏闪动。
