en   美国官方网站 官立
热门搜索词:

TAS 样式菜单 – 产品卡模块

产品卡模块通常仅用于登录页面或获取帮助页面,以链接到相关资源。虽然图标和悬停图标不是必填字段,但如果没有它们,卡片将“看起来不对劲”。图标应为炭灰色 (#383B53) 描边颜色,悬停图标应相同,但具有白色 (#FFFFFF) 描边颜色。两者均应为透明且无填充。

需要注意的是产品卡片的 PHP 编写方式;添加卡片后,如果未添加链接,将导致页面出现严重错误。虽然页面会加载并显示一些内容,但在 HTML DOM 中添加链接时,它会显示严重错误消息。


可用选项:

  • 标题 – 作为 H2 标题(带有“section-heading”类)包含在模块顶部的文本。
    文本
    
  • 正文 – 普通段落级文本,带有可选标题和样式。模块的主要内容,显示在产品卡上方,标题下方。这可以视为介绍性文字,用于描述整个产品卡中的内容。
    开放文本
  • 图标 – 这是显示在卡片左上角的图标,用于将其与其他卡片区分开来。它应该是一个简单的图标,带有炭灰色描边(#383B53)、无填充和透明背景。
    上的相关利益产业。
  • 悬停图标 – 当用户的光标悬停在卡片上时,当卡片填充为炭灰色时,此图标显示在卡片的左上角。因此,它应该与图标相同,但带有白色描边 (#FFFFFF)、无填充和透明背景。
    上的相关利益产业。
  • 标题 – 这是单行文本字段,用于在卡片中创建粗体文本,标识卡片链接到的内容。
    文本
  • 文本——这是稍长的文本,以正常字体显示,填充卡片的剩余部分。
    文本(多行)
  • 链接 – 这是使用显示文本和 URL 创建的链接,以向右的动画箭头显示。整个卡片成为可点击元素,但此字段决定链接的目标。
    URL 和链接文本

以下是具有推荐/典型设置的模块示例。此模块类型不需要进行重大配置。但是,由于整个卡片成为可点击元素,因此必须添加链接(未将其标记为必填字段)。


产品卡模块

Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Nunc ornare laoreet mi。 Donec maximus 发酵 convallis。 Sed lorem nunc,tempor nec odio vitae,facilisis placerat lacus。 Maecenas venenatis gravida mauris,ut dictum eros suscipit vitae。 Pellentesque consectetur magna nec vulputate laoreet。 Aliquam urna purus,pellentesque id nunc bibendum,ultrices viverra metus。 Quisque quis auctor lectus, vel consectetur risus。