Skip to main content

App Builder 中的组件

使用组件元素向应用程序中添加内容。

添加和移除组件元素

要将组件元素添加到画布中,请从构建块面板中将元素拖到画布内的容器中。

要移除组件元素,请选择该元素使其突出显示,然后单击垃圾桶图标。

横幅

使用横幅在应用程序中强调重要信息。

配置元素

  1. 选择横幅的类型:

    • 信息

    • 成功

    • 警告

    • 错误

  2. 选择横幅的样式:

    • 标准

    • 轮廓

    • 填充

  3. 输入边框宽度(此选项仅在样式为轮廓时可用)。

  4. 选中显示图标以显示横幅图标

  5. 输入横幅的内容。这是显示在横幅中的文本。

  6. 指定颜色:

    • 文本

    • 填充

    • 边框

    注意边框仅在选择的样式为轮廓时可用。

  7. 选择保存。

分隔线

使用分隔线在应用程序的组件之间添加视觉分隔。

配置元素

  1. 选择线条宽度。这决定了分隔线的宽度。

  2. 选择线条样式:

    • 实线

    • 虚线

  3. 选择分隔线的颜色。

  4. 要调整画布上分隔线的大小,请选择分隔线元素的角点并通过拖动进行调整。

  5. 选择保存。

图像

使用图像在应用程序中显示图像。

配置元素

  1. 输入链接到要显示的图像的图像 URL。

  2. 输入图像标题。

  3. 选择保存。

链接

使用链接为应用程序添加链接。

配置元素

  1. 输入显示在应用程序中、作为可单击链接的显示文本。

  2. 输入链接 URL,将显示文本链接到您希望用户重定向到的网页。

  3. 选择保存。

间隔符

使用间隔符在应用程序的其他元素之间创建间隙。

配置元素

  1. 为间隔符元素的背景选择颜色。默认颜色为透明色。

  2. 要调整画布上间隔符的大小,请选择间隔符元素的角点并通过拖动进行调整。

  3. 选择保存。

颜色

在配置面板中使用可用的颜色选项自定义您的构建块。要自定义组件的颜色,选择一个构建块,然后在颜色下拉菜单中选择您的颜色选项。如需详细了解颜色选项和如何更改主题颜色,请参阅 App Builder 中的主题。

间距

在 App Builder 中为您的构建块设置自定义间距。输入像素数,以在元素的顶部、底部、左侧和右侧添加外边距。

条件逻辑

为元素添加条件逻辑,决定是否显示该元素:

  1. 为仅在满足条件时显示选择变量。

  2. 选择运算符。

  3. 选择一个值,这是变量存储的值,直到通过设置变量工具进行更改。