搭建用户界面

用户界面编辑器用于搭建低代码应用的网页端和移动端页面。编辑器通常包含组件面板、画布、结构树、数据面板和属性配置区。

组件类型

常用组件包括：

• 展示组件：文本、Markdown、图片、视频、图标、徽章、代码展示器。
• 布局组件：容器、纵向列表、横向列表、宫格列表、瀑布流。
• 输入组件：按钮、表单、开关、文本输入、数字输入、下拉选择、文件上传、图片上传。
• 智能组件：AI 对话、卡片、动态列表和业务组件。

页面搭建流程

1. 创建页面并设置页面名称。
2. 从组件面板拖拽组件到画布。
3. 在属性面板设置尺寸、样式、数据源和默认值。
4. 在事件面板绑定工作流、对话流或页面动作。
5. 使用预览检查页面效果。
6. 根据桌面端或移动端要求调整布局。

数据绑定

组件可以绑定页面变量、应用变量、接口返回值或工作流输出。绑定时应确认字段类型一致，并为加载中、无数据、失败状态配置合适展示。

设计建议

页面结构应优先服务业务流程。列表、表单、详情、弹窗和抽屉等交互要保持一致。移动端页面需要控制输入项数量，避免一屏承载过多字段。