9.5. 配置实体详情选项卡布局

先决条件

• 贡献标签内容的插件允许配置，如 Developer Hub 插件在 config 部分中定义默认配置。

流程

• 在 app-config.yaml 文件中复制插件默认配置，并更改 布局属性。

  global:
    dynamic:
      plugins:
        - package: <package_location>
          disabled: false
          pluginConfig:
            dynamicPlugins:
              frontend:
                <plugin_name>:
                  mountPoints:
                    - mountPoint: <mount_point>
                      importName: <import_name>
                      config:
                        layout:
                          gridColumn:
                            lg: span 6
                            xs: span 12

  Copy to Clipboard Toggle word wrap

  package

  输入您的软件包位置，如 ./dynamic-plugins/dist/backstage-community-plugin-tekton。

  <plugin_name>

  输入插件名称，例如： backstage-community.plugin-tekton。

  mountPoint

  复制插件默认配置中定义的挂载点，例如： entity.page.ci/cards。

  importName

  复制插件默认配置中定义的导入名称，例如： TektonCI。

  布局

  输入您的布局配置。选项卡内容显示在响应网格中，它使用 12 列网格，并支持不同的断点(xs、sm、md、lg、xl)，它被指定为 CSS 属性，如 gridColumn。示例使用 12 个列中的 6 个在大型(lg)屏幕(span 6 列)上显示两个 Tekton CI 卡，并在自身(xs 和以上 跨 12 列)中显示它们。