UI 搭建
通过可视化编辑器与组件库，快速构建网页、微信小程序与 App 客户端界面。本章节按 概念理解 → 操作教程 → 参考手册 组织。
不熟悉编辑器界面与功能？先看 认识编辑器（项目级导览）。
概念理解
操作教程
参考手册
推荐阅读顺序
与产品简介中的新手路径一致；已读过 Zion 心智模型 与 方法论 时，可从本表第 1 步开始。
| 步骤 | 文档 | 说明 |
|---|---|---|
| 0 | 认识编辑器 | 可选：先扫一眼编辑器界面与功能，再回来看概念 |
| 1 | UI 组织方式 | 客户端、页面、组件树、上下文与组合模式 |
| 2 | 布局系统 | 盒子模型、Flexbox、定位与网页端断点 |
| 3 | 搭建第一个页面 | 完成页面、组件、自定义弹窗和打开弹窗行为的搭建与预览 |
| 4 | 页面与弹窗 | 页面和弹窗的设计、数据、行为配置项 |
| 5 | 设计面板 + 组件参考 | 字段级查阅（已与右侧面板对账） |
全栈开发者可先读 Zion 心智模型，再按上表进入本章节；第一个应用见 Hello World。
Last updated on