图文

图片

开发者可使用图片组件，插入图片至卡片中，仅支持 10M 以内的 JPG/PNG/JPEG/GIF 格式的图片。

字段定义

字段	是否必填	类型	说明
tag	是	string	tag=img
content	是	object	图片内容
∟ store_key	是	string	图片链接
link	否	object	可配置该组件跳转

图片示例

（图1：图片）

代码示例

{
    "tag": "img",
    "content": {
        "store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG..."
    }
}

轮播图

开发者可使用轮播图组件，以满足想展示多图的场景。支持 10M 以内的 JPG/PNG/JPEG/GIF 格式的图片，最多可添加 5 张图片。

字段定义

字段	是否必填	类型	说明
tag	是	string	tag=carousel
elements	是	[]object	轮播图内容，最多添加 5 张图片
∟ tag	是	string	tag=img
∟ content	是	object	图片内容

图片示例

（图2：轮播图）

代码示例

{
    "tag": "carousel",
    "elements": [
            {
                "tag": "img",
                "content": {
                    "store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG..."
                }
            },
            {
                "tag": "img",
                "content": {
                    "store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG..."
                }
            },
            {
                "tag": "img",
                "content": {
                    "store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG..."
                }
            }
     ]
}

视频

开发者可使用视频组件，支持 200M 以内的 MOV/MP4 格式的视频。

字段定义

字段	是否必填	类型	说明
tag	是	string	tag=video
content	是	object	视频内容
∟ video_store_key	是	string	视频 store_key
∟ cover_store_key	是	string	视频封面图 store_key

图片示例

（图3：视频）

代码示例

{
    "tag": "video",
    "content": {
        "video_store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG...",
        "cover_store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG..."
    }
}

文本＋中图

文本＋中图是左边为文字 右边为图片的样式。

字段定义

字段	是否必填	类型	说明
tag	是	string	tag=picText
text	是	object	显示文本
type	是	string	文本类型，支持 plainText 和 markdown
text	是	object	显示文本
img	是	object	显示图片
∟ store_key	是	string	图片链接
link	否	object	可配置该组件跳转

图片示例

（图2：文本＋中图）

代码示例

{
    "tag": "picText", // 容器类型名，待定
    "text": {
        "type": "plainText",
        "text": "欢迎使用协作，一站式企业沟通协作平台，让协作更高效"
    },
    "img": { // 图片尺寸由各端按设备尺寸固定
        "store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG..."
    }
}

文本＋小图

文本+小图是文本和图片混排的结构，可用于补充备注信息。

字段定义

字段	是否必填	类型	说明
tag	是	string	tag=note
elements	是	array	显示文本+小图, 嵌入组件
link	否	object	可配置该组件跳转

图片示例

（图3：文本＋小图）

代码示例

{
    "tag": "note",
    "elements": [ // elements 只包含 tag: img,text
        {
            "tag": "img",
            "content": {
                "store_key": "FC5E038DMzQ1NjM0NzgLTAwMDAucG5nQGJhc2VAdG..."
            }
        },
        {
            "tag": "text",
            "content": {
                "type": "plainText",
                "text": "备注信息"
            }
        }
    ]
}