解绑组件

解绑组件

要编辑在其他项目中创建的组件,您需要先将其取消链接。本文介绍了 Framer 中可用的取消链接选项以及如何使用它们。

“取消关联实例”有什么作用?

当你尝试编辑一个组件时,如果弹出“正在编辑组件”模态框,说明该组件最初是在另一个项目中创建的。要编辑它,你需要先取消关联。

取消关联会在此项目中创建一个本地副本,使其完全可编辑。

标题为“编辑组件”的模态对话框,说明该组件链接到另一个项目中的主组件。对话框提供两个选项:灰色的“取消关联实例”按钮和蓝色的“取消关联并替换全部”按钮。说明文字为:“此组件链接到另一个项目中的主组件。请取消一个或全部实例的关联以进行编辑。”

如何取消关联组件

从画布操作:

  1. 在画布上右键点击该组件。

  2. 从下拉菜单中选择取消关联

  3. 一个已取消关联的版本将出现在资源面板的components文件夹中。

  4. 你可以在画布上双击它开始编辑。

从资源面板操作:

  1. 在资源面板中找到该组件。

  2. 右键点击并从下拉菜单中选择取消关联

  3. 一个未关联的版本将出现在你的components文件夹中。

  4. 将其拖到画布上即可使用并编辑。

“取消关联并替换全部”是什么意思?

当你尝试在画布上编辑一个已链接的组件时,可能会看到“取消关联并替换全部”的选项。此操作会自动取消该项目中该组件的所有实例的关联,并替换为可编辑的本地版本。

如果你遇到任何问题或需要进一步帮助,请随时通过我们的联系页面联系 Framer 支持团队。

Create a free website with Framer, the website builder loved by startups, designers and agencies.