# 文本+中图
文本＋中图是左边为文字 右边为图片的样式，是文字与图片的组合样式
## 参数说明
| **名称** | **是否必填** | **参数类型** | **说明** |
|:------------------|:---------|:---------|:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 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"
}
}
}
}
```