组件库详解

组件是单独的构建模块，例如主视觉图和任务卡片，它们构成了你的小组件或微站点。我们当前所有模板都由 Mint 和 Bedrock 组件库提供支持。

Mint 组件

使用 Mint 组件构建的小组件和微站点会为客户倡导者提供最新的 Advocate 体验。当前大多数模板都使用 Mint 组件。如果你不确定自己是否使用的是当前组件库，可以手动检查以确认，如有需要可更新你的库。

要将你的 项目小组件:

1. 从左侧导航菜单中，选择 [Engage] → 内容.
2. 选择 编辑小组件 在 小组件 卡片。
3. 选择要编辑的小组件名称。
4. 在左侧边栏菜单中，选择 包.
5. 选择 添加包.
6. 选择 添加 在 Mint 组件 卡片。

要将你的 微站点:

1. 从左侧导航菜单中，选择 [Engage] → 内容。
2. 选择 编辑设置 按钮上的 微站点 卡片。
3. 在 站点托管 标题，进入 包 部分。
4. 选择 添加包.
5. 选择 添加 在 Mint 组件 卡片。
6. 选择 保存.

Bedrock 组件

你可以在……中找到 Bedrock 组件包。 高级组件 中的 添加 选项卡。

Bedrock 组件包中有两个组件：

条件部分

该 条件部分 组件允许你根据参与者的邮箱、国家、细分或自定义字段包含条件内容。在 条件 框中插入 JSONata 表达式以设置显示条件。然后，将你希望显示给特定参与者群组的任何内容移入条件部分中。

项目部分

该 项目部分 组件允许你覆盖其子组件的项目 ID。可用于显示未链接到特定项目的内容。 项目部分 组件默认包含在大多数小组件和微站点模板中。

自定义组件库

你可以构建并使用自己的组件包，以进一步自定义你的 Advocate 体验。这些组件可以添加到任何模板中，并与 Advocate 提供的组件一起使用。

Advocate 小组件使用标准 HTML 和 Web 组件 。要在我们的小组件编辑器中使用你自己的组件，它们必须编写为 Web 组件。

要开始使用自定义组件构建你的小组件，请安装你的自定义包：

1. 从左侧导航菜单中，选择 [Engage] → 内容.
2. 选择 编辑小组件 在小组件卡片上。
3. 选择要编辑的小组件名称。
4. 在左侧边栏菜单中，选择 包.
5. 选择 添加包.
6. 选择 从 NPM 添加.
7. 输入包 名称, 版本 和 文件路径.
8. 选择 添加.