卡片封面

封面就像一个对象的名片,相对于列表而言,封面主要通过视觉化的表现方式,帮助用户快速识别对象间差异,同时能方便地获取重要信息。常用场景为:项目封面、文档封面等等。

全图

  • 封面图:作为整张卡片的背景

  • 标题

    • 最多 2 行,超过则「...」

    • 当有描述的时候,标题最多 1 行,超过则「...」

  • 描述(可选)

    • 最多 1 行,超过则「...」
  • 操作(可选)

    • 核心操作一直展示

    • 非核心操作鼠标 hover 后展示

  • 标签(可选)

大图

  • 封面图:作为整张卡片的核心元素

  • 标题

    • 最多 2 行,超过则「...」

    • 当有描述的时候,标题最多 1 行,超过则「...」

  • 描述(可选)

    • 标题最多 1 行,超过则「...」;描述最多 1 行,超过则「...」
  • 其他元素(可选)

    • 卡片允许搭配其他元素,比如成员信息等

小图

  • 封面图:辅助元素,主要以文字为主

  • 标题

    • 最多 2 行,超过则「...」

    • 当有描述的时候,标题最多 1 行,超过则「...」

  • 描述(可选)

    • 最多 4 行,超过则「...」

    • 当有操作的时候,最多 2 行,超过则「...」

  • 操作(可选)

  • 其他元素(可选)

    • 卡片允许搭配其他元素,比如成员信息等