文本+中图
文本+中图是左边为文字 右边为图片的样式,是文字与图片的组合样式
参数说明
名称 | 是否必填 | 参数类型 | 说明 |
---|---|---|---|
medium_note | 是 | object | 文本+中图组件配置 |
∟ tag | 是 | string | 组件的标签,文本+中图组件tag=medium_note |
∟ image | 是 | object | 图片配置 |
∟ ∟ storage_key | 是 | string | 图片存储的key |
∟ ∟ url | 是 | string | 图片url,和storage_key二选一 |
∟ ∟ scale_type | 否 | string | 裁剪方式: - crop_top :顶部裁剪- crop_center :居中裁剪- fit_horizontal :完整展示 |
∟ ∟ size | 否 | string | 图片尺寸(选择“顶部裁剪”、“居中裁剪”时支持): - stretch :超大图(适用于高宽比小于 16:9 的图片)- large :大图(160 × 160,适用于多图混排)- medium :中图(80 × 80,适用于图文混排的封面图)- small :小图(40 × 40,适用于人员头像)- tiny :超小图(16 × 16,适用于图标、备注)- 自定义固定尺寸(如 100px 100px )- 自定义宽高比(如 16:9 ) |
∟ ∟ corner_radius | 否 | string | 图片直角(支持“像素”和“百分比”两种方式):像素(如 10px )、百分比(如 50% ) |
∟ ∟ alt | 否 | object | 悬停提示 |
∟ ∟ ∟ type | 是 | string | 固定为 (plain ) |
∟ ∟ ∟ content | 是 | string | 文本内容 |
∟ ∟ preview | 否 | bool | 查看预览(true :点击图片后,弹出图片查看器放大查看当前点击的图片) |
∟ text | 是 | object | 文本内容 |
∟ ∟ type | 是 | string | 文本类型,支持 plain 和 markdown 两种类型 |
∟ ∟ content | 是 | string | 文本内容 |
∟ ∟ text_size | 否 | string | 文本大小: - xxxx-large (30px):超大文本,适用于重要标题或突出显示- xxx-large (24px):特大文本,适用于标题或重要提示- xx-large (20px):大文本,适用于段落标题- x-large (18px):较大文本,适用于正文内容- large (16px):标准大文本,适用于普通正文- medium (14px):中等文本,适用于辅助说明- small (12px):小文本,适用于注释或细小说明- x-small (10px):超小文本,适用于图标旁的提示或备注 |
∟ ∟ text_align | 否 | string | 文本对齐方式(支持的值:left , center , right ) |
∟ ∟ icon | 否 | object | 前缀图标配置 |
∟ ∟ ∟ tag | 是 | string | 图标类型,目前仅支持 custom_icon |
∟ ∟ ∟ storage_key | 是 | string | 图片存储 key |
∟ link | 否 | object | 组件整体的跳转链接 |
∟ ∟ url | 是 | string | 默认的链接地址 |
∟ ∟ pc_url | 否 | string | PC 端的链接地址 |
∟ ∟ ios_url | 否 | string | iOS 端的链接地址 |
∟ ∟ android_url | 否 | string | Android 端的链接地址 |
图片示例
JSON结构
json
{
"medium_note": {
"tag": "medium_note",
"image": {
"storage_key": "图片存储key",
"url": "外链图片地址,和storage_key二选一",
"scale_type": " crop_top",
"size": "stretch",
"corner_radius": " 20px",
"alt": {
"type": "plain",
"content": "提示内容"
},
"transparent": true,
"margin": "20px 20px 20px 20px"
},
"link": {
"android_url": "",
"ios_url": "",
"pc_url": "",
"url": "默认链路url"
},
"text": {
"content": "文本内容",
"type": "markdown",
"text_size": "xxx-large",
"text_align": "center",
"icon": {
"tag": "custom_icon",
"storage_key": "图片存储key"
}
}
}
}
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
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