1. Amis 微页面
  2. 设计器

如何使用

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

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

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

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

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

在线预览

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