Skip to Content
帮助文档UI 搭建操作指南使用自定义组件

使用自定义组件

对于需要重复使用的组件，可以将其保存为自定义组件。保存时会记录组件的设计、数据和行为配置，之后可以从组件库将它添加到当前项目的其他位置。

自定义组件适合复用顶部导航栏、商品卡片和用户信息面板等已经搭建完成的 UI，避免重复配置相同的内容。

保存自定义组件

  1. 在画布或组件树中选中要保存的组件。
  2. 右键选择保存为“自定义组件”。也可以使用快捷键：
    • macOS：Shift + Command + K
    • Windows：Shift + Ctrl + K
  3. 填写名称和描述，并根据需要上传预览图。
  4. 保存后，该组件会出现在组件库的自定义分类中。

添加自定义组件

  1. 在左边栏进入组件标签，然后打开组件库。
  2. 切换到自定义分类。
  3. 将目标组件拖到画布中，或双击添加到当前选中的页面或容器。

添加时，系统会把保存的设计、数据和行为配置复制到新组件中。新组件是独立副本，与最初保存的组件以及之后添加的其他副本之间没有继承关系。修改其中任何一个组件，都不会同步修改其他组件。

组件库的基本操作见搭建第一个页面 · 添加和配置组件。

使用限制

  1. 每个项目最多保存 1000 个自定义组件。
  2. 自定义组件只能在保存它的项目中使用，无法跨项目使用。
  3. 添加后的组件可以独立编辑，其改动不会回写到组件库中保存的自定义组件。

相关阅读

Last updated on
搭建第一个页面设计面板