# 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
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