设计器

​

如何使用

只要在微页面详情界面点击右上角的“设计器”按钮即可打开它，设计器本身是运行在 云端 的，但是在上面设计的内容会保存和发布到本地数据库中，也可以 同步为代码。

我们在微页面设计器中可以拖动左侧的组件到中间的画布中，然后在设计器右侧进一步配置各个组件的属性以实现相关功能。

组件有两种，一种是 amis 本身内置的组件，其使用方法请参阅其官网文档： amis组件，另一种则是 华炎魔方组件，这是我们为 amis 扩展的可以快速整合华炎魔方各种界面能力的相关功能组件。

在设计器的左侧可以快速切换“组件”、“大纲”与“代码”模块，在大纲模块中可以很方便查看页面上的组件层级结构，在代码模块中可以查看页面设计内容最终会生成的 Schema 代码，我们也可以修改代码。

页面设计完成后，可以点击设计器右上角的两个预览按钮，预览其在PC和手机端生成的页面效果，右上角还有保存和发布按钮，分别用于保存和发布设计器生成的Schema代码到数据库中。

​

在线预览

在 https://builder.steedos.com/amis 可以快速体验微页面设计器。