卡片封面

    全图

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

    • 标题

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

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

    • 描述(可选)

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

      • 核心操作一直展示

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

    • 标签(可选)

    能力 用法建议
    封面图 必须,根据需要选择不同尺寸
    标题 必须
    描述 按需使用
    操作 按需使用,封面本身整体可点击,前往对象详情页
    标签等辅助信息 按需使用

    大图

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

    • 标题

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

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

    • 描述(可选)

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

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

    小图

    类型 何时使用
    全图 作为独立功能入口,图片作为整张卡片的背景
    大图 作为承载缩略信息的容器,图片作为整张卡片的核心元素
    小图 常用于列表中,搭配文字等其他元素一起使用

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

    • 标题

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

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

    • 描述(可选)

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

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

    • 操作(可选)

    • 其他元素(可选)

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