TAS 样式菜单 – 资源和工具模块

• 标题 – 作为 H2 标题（带有“section-heading”类）包含在模块顶部的文本。

  文本

• 项目 – 默认情况下，添加模块时会创建一个项目。它是使用后续章节中概述的默认设置创建的。项目的“类型”决定了选项。类型如下所示。对于每种类型，下面显示了附加部分，以识别该类型的选项。

  大号 | 中号 | 小号

大尺寸

• 主题 – 背景颜色是深色还是浅色（文本将相反，并且颜色选项将会改变）。

  深色 | 浅色

• 颜色——所显示的选项会根据上面选择的主题而变化。
  暗：

  炭灰色板岩 | 板岩灰色 | 灰色 | 浅绿色 | 钢蓝色 | 青色 | 紫色

  光：

  天空蓝绿色 | 云朵 | 鼠尾草色 | 紫丁香色

• 图像——可以在副标题旁边放置一个图标，以区分此卡片。

  上的相关利益产业。

• 副标题 – 较小的文本，显示在 H5 元素中，紧邻图标。可以省略，也可以用于说明卡片的用途。

  文本

• 标题——这是卡片的主要标题，应简明扼要地表明其用途。

  文本（多行）

• 正文——可以使用多行文字来进一步阐明用户点击此卡片后会转到何处。

  开放文本

• CTA 箭头按钮 – 用户点击卡片后会转到该按钮。大尺寸时，按钮会显示为“气泡按钮”，右侧带有动画箭头。

  URL 和链接文本

• 插图 – 选择要在卡片上显示的图像。通常使用插图图像。

  上的相关利益产业。

请注意，大尺寸项目的水平尺寸与两个中尺寸项目的水平尺寸相同 - 无论是否添加，插图都会占用额外的水平空间。

中等大小

• 主题 – 背景颜色是深色还是浅色（文本将相反，并且颜色选项将会改变）。

  深色 | 浅色

• 颜色——所显示的选项会根据上面选择的主题而变化。
  暗：

  炭灰色板岩 | 板岩灰色 | 灰色 | 浅绿色 | 钢蓝色 | 青色 | 紫色

  光：

  天空蓝绿色 | 云朵 | 鼠尾草色 | 紫丁香色

• 图像——可以在副标题旁边放置一个图标，以区分此卡片。

  上的相关利益产业。

• 副标题 – 较小的文本，显示在 H5 元素中，紧邻图标。可以省略，也可以用于说明卡片的用途。

  文本

• 标题——这是卡片的主要标题，应简明扼要地表明其用途。

  文本（多行）

• 正文——可以使用多行文字来进一步阐明用户点击此卡片后会转到何处。

  开放文本

• CTA 箭头按钮 – 用户点击卡片后会转到该按钮。在中等尺寸下，它将显示为“气泡按钮”，右侧带有动画箭头。

  URL 和链接文本

请注意，中型物品的垂直尺寸与两个小型物品相同 - 如果按照下面所述添加（在小型描述中），小型物品将仅“堆叠”在中型物品旁边。

小尺寸

• 主题 – 背景颜色是深色还是浅色（文本将相反，并且颜色选项将会改变）。

  深色 | 浅色

• 颜色——所显示的选项会根据上面选择的主题而变化。
  暗：

  炭灰色板岩 | 板岩灰色 | 灰色 | 浅绿色 | 钢蓝色 | 青色 | 紫色

  光：

  天空蓝绿色 | 云朵 | 鼠尾草色 | 紫丁香色

• 图像——可以在副标题旁边放置一个图标，以区分此卡片。

  上的相关利益产业。

• 副标题 – 较小的文本，显示在 H5 元素中，紧邻图标。可以省略，也可以用于说明卡片的用途。

  文本

• 标题——这是卡片的主要标题，应简明扼要地表明其用途。

  文本（多行）

• CTA 箭头 – 用户点击卡片后会转到哪里。小尺寸卡片会显示向右的动画箭头（无“气泡按钮”）。

  URL 和链接文本

请注意，创建小物品后，物品部分内有一个额外的按钮“添加小物品”（与“添加物品”按钮相对）；这允许在该部分内创建一个额外的“小物品”。

如果添加了新商品，并且其类型设置为“小尺寸”，它将被添加到最后一个商品的右侧；即使最后一个商品也是“小尺寸”。但是，如果使用“小尺寸商品”部分中的此按钮添加新的“小尺寸商品”，则这两个商品将堆叠在一起，并累积占用与“中尺寸商品”相同的垂直空间。

下面是模块的示例，其中选择了一些不同的选项，以显示它们的显示方式。