自定义组件——通用元素

通用元素类自定义组件的场景

如果你在页面上有反复使用的某些元素，也可以将它们保存为“通用元素”，相当于一种在画布上可视化制作出的自定义组件。
通用元素组件的场景非常适合：
1. 被反复引用的页面元素（例如导航、Footer）
2. 需要保持统一更新的页面元素（公司介绍、奖项荣誉）

当前已支持区块与弹窗保存为“自定义组件”，后续会逐渐更新支持表单、多状态面板等更多元素。

自定义组件与模板的核心差别在于“修改场景”。
模板用于复用布局和素材，引用后，内容可以完全脱离模板灵活修改。
自定义组件则会同步全部内容，引用后，虽然内容仍可修改，但与母版组件仍存在绑定关系。当母版组件被更新时，会推送“有更新”通知到被引用的内容上，点击更新后，会被母版最新内容覆盖掉。

区块组件的入口位于区块工具条的“更多”中，可以找到“保存为自定义组件”

弹窗组件的入口位于弹窗导航条的“更多”中，可以找到“保存为自定义组件”

保存后，选择左侧资源面板的“更多”，下拉至自定义组件区域即可看到。
与自定义组件中分为“仅本页使用”和“通用组件”不同的是，这些保存后均为“通用组件”。

选择组件卡片，点击【编辑】按钮，可以进入一个独立画布，用于可视化修改这个组件的内容。

需要务必注意的是这个画布不是自动更新的。（避免未完成的版本错误推送“有更新”通知给引用的内容）
完成后编辑，请务必点击【保存】按钮。

当母版组件被更新后，引用的组件附近会出现“有更新”通知，点击并确认后，即可同步至最新的版本了。

如果你在组件库中删除一个通用组件，当前正在使用这个组件的页面上组件不会立即消失，而是将被转换为“本页面普通内容”避免影响页面正常展示。
如果也需要删除引用内容，请前往相关页面手动删除，预览正确后更新发布。

要发表评论，您必须先登录。