通过

主机配置 - JavaScript

// Create an AdaptiveCard instance
var adaptiveCard = new AdaptiveCards.AdaptiveCard();

// Set its hostConfig property unless you want to use the default Host Config
// Host Config defines the style and behavior of a card
adaptiveCard.hostConfig = new AdaptiveCards.HostConfig({
    fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
    // More host config options
});

// Render the card to an HTML element:
var renderedCard = adaptiveCard.render();

自定义

可通过 3 种方法自定义自适应卡片呈现：

  1. 主机配置
  2. CSS 样式设置
  3. 自定义元素呈现

主机配置

主机配置是所有呈现器都理解的共享配置对象。 这允许你定义通用样式（例如字体系列、字号、默认间距）和行为（例如，最大操作数），这些将由每个平台的渲染器自动解释。

目标是每个平台渲染器生成的原生 UI 看起来非常相似，而您只需付出最小的努力即可。

var renderOptions = {
    ...
    hostConfig: {
        // Define your host config object here
        // See the HostConfig docs for details
    }
};