组件库 ​

全局组件 ​

amis 内置组件 ​

通过amis组件，直接进行开发。

选择amis的css主题，在HTML中引入对应的CSS。amis提供了云舍、仿AntD、ang三种风格。

根据设计规范，形成统一的reset-amis.css，进行样式覆盖。

第三方组件 ​

根据教程，可将Element Plus、Ant Design分别在编辑器和项目渲染器中集成。

自定义组件 ​

amis内置组件和第三方组件都无法满足的需求，可通过开发自定义组件，注册进来。

业务组件 ​

为了避免调试成本，提供业务组件的一些场景示例，拷贝后直接复用。有两个方式：

1. amis主题编辑器。
2. 团队在项目开发过程中沉淀的业务组件库。

项目组件 ​

amis组件 ​

适用于用amis写部分页面

写一个通用的component.vue组件。组件中使用amis进行渲染。

在页面的page.vue文件中引入component.vue组件，完成部分功能的amis开发。

对于复杂逻辑，可在amis组件中调用vue中通用方法。

代码示例见 Amis 通用组件。

amis页面 ​

适用于用amis写整个页面

写一个通用的xxx.vue文件。

使用vue router，根据url?json文件名指向xxx.vue，并加载对应的json配置文件，进行页面渲染。

代码示例见 Amis 通用页面。