# image

元素介绍:

作为图片元素被使用

image属于内容元素的一种,可用于内容块的extra字段和备注块的elements字段。

字段定义:

字段 必须 类型 默认取值 说明
tag String "img" 元素标签
imgKey String 图片资源的key值,
获取方法:在消息卡片搭建工具 (opens new window)中,hover到图片上时展示上传入口,上传成功后imgKey自动填充json。

alt Struct text 图片hover说明
preview Boolean true 点击后是否放大图片,缺省为true。
如在配置 card_link 后可设置为false,使用户点击卡片上的图片也能响应card_link链接跳转

# 样式示例

# json 示例

{
    "modules": [
        {
        "tag": "note",
        "elements": [
                {
                    "tag": "img",
                    "imgKey": "img_v2_0*****7ace79333g",
                    "alt": {
                        "content": "",
                        "tag": "plain_text"
                    },
                    "preview": true
                },
                {
                    "content": "备注信息",
                    "tag": "plain_text"
                }
            ]
        },
        {
        "tag": "div",
        "text": {
            "content": "这是新的消息卡片,现在你可以像搭建乐高一样来搭建消息卡片,同时还可以添加button、下拉交互,赶快来尝试吧!",
            "tag": "plain_text"
        },
        "extra": {
            "tag": "img",
            "imgKey": "img_v2_041******2-497ace79333g",
            "alt": {
                "content": "",
                "tag": "plain_text"
            },
            "preview": true
            }
        }
    ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
最后更新于 : 7/20/2023, 10:08:35 AM