# 文本+小图

文本＋小图是左边为图片 右边为文字的样式，是文字与图片的组合样式

## 参数说明

| **名称**         | **是否必填** |  **参数类型**    |  **说明**                         |
| :--------------- |:--------------------| :----------- | :------------------------- |
| note | 是    | object | 文本+小图组件配置                   |
| ∟ tag   | 是    | string | 组件的标签，文本+小图组件tag=note               |
| ∟ elements | 是    | array | 元素                   |
| ∟ ∟ image | 是    | object | 图片配置                   |
| ∟ ∟ ∟ tag   | 是    | string | 组件的标签，此处使用图片组件tag=img               |
| ∟ ∟ ∟ content | 是    | object | 图片配置                   |
| ∟ ∟ ∟ ∟  storage_key  | 是    | string  | 图片存储的唯一标识   || ∟ ∟ storage_key  | 是    | string  | 图片存储的唯一标识   |
| ∟ ∟ ∟ ∟ url  | 是    | string  | 图片url，和storage_key二选一      |
| ∟ ∟ ∟ link   |    否    | object | 图片的跳转链接         |
| ∟ ∟ ∟ ∟ url  | 是    | string  | 默认的链接地址    |
| ∟ ∟ ∟ ∟ pc_url  | 否    | string  | PC 端的链接地址    |
| ∟ ∟ ∟ ∟ ios_url  | 否    | string  | iOS 端的链接地址    |
| ∟ ∟ ∟ ∟ android_url  | 否    | string  | Android 端的链接地址    |
| ∟ ∟ text | 是    | object | 文本配置                   |
| ∟ ∟ ∟ tag   | 是    | string | 组件的标签，此处使用文本组件tag=text               |
| ∟ ∟ ∟ text | 是    | object | 文本内容                   |
| ∟ ∟ ∟ ∟  type  | 是    | string  | 文本类型，支持 plain 和 markdown 两种类型    |
| ∟ ∟ ∟ ∟ content  | 是    | string  | 文本内容      |
| ∟ ∟ ∟ href   |    否    | array | 若 content 中为 markdown 文本，且配置了超链接，该字段用于实现差异化链接 |
| ∟ ∟ ∟ ∟ key  | 是    | string  | 差异化链接URL的变量    |
| ∟ ∟ ∟ ∟ value  | 是    | string  | 差异化链接URL的变量的值    |
| ∟ ∟ ∟ ∟ ∟ url  | 是    | string  | 默认的链接地址    |
| ∟ ∟ ∟ ∟ ∟ pc_url  | 否    | string  | PC 端的链接地址    |
| ∟ ∟ ∟ ∟ ∟ ios_url  | 否    | string  | iOS 端的链接地址    |
| ∟ ∟ ∟ ∟ ∟ android_url  | 否    | string  | Android 端的链接地址    |
| ∟ ∟ ∟ link   |    否    | object | 文本的跳转链接         |
| ∟ ∟ ∟ ∟ url  | 是    | string  | 默认的链接地址    |
| ∟ ∟ ∟ ∟ pc_url  | 否    | string  | PC 端的链接地址    |
| ∟ ∟ ∟ ∟ ios_url  | 否    | string  | iOS 端的链接地址    |
| ∟ ∟ ∟ ∟ android_url  | 否    | string  | Android 端的链接地址    |
| ∟ link   |    否    | object | 组件整体的跳转链接         |
| ∟ ∟ url  | 是    | string  | 默认的链接地址    |
| ∟ ∟ pc_url  | 否    | string  | PC 端的链接地址    |
| ∟ ∟ ios_url  | 否    | string  | iOS 端的链接地址    |
| ∟ ∟ android_url  | 否    | string  | Android 端的链接地址    |


## 图片示例

![文本+小图组件](https://cloudcdn.qwps.cn/open/_img/2567eed7d3.png)


## JSON结构

```json
{
    "note":{
        "elements": [
            {
                "image":{
                    "content": {
                        "storage_key": "图片存储key",
                        "url": "外链图片地址，和storage_key二选一",
                        "searchable_content": "可搜索内容"
                    },
                    "link": {
                        "android_url": "",
                        "ios_url": "",
                        "pc_url": "",
                        "url": "默认链路url"
                    },
                    "tag": "img"
                }
            },
            {
                "text":{
                    "href": [
                        {
                            "key": "卡片跳转链接key",
                            "value": {
                                "android_url": "string",
                                "ios_url": "string",
                                "pc_url": "string",
                                "url": "https://www.baidu.com"
                            }
                        }
                    ],
                    "link": {
                        "android_url": "",
                        "ios_url": "",
                        "pc_url": "",
                        "url": "https://www.baidu.com"
                    },
                    "tag": "text",
                    "text": {
                        "content": "文本内容",
                        "type": "markdown"
                    }
                }
            }
        ],
        "link": {
            "android_url": "",
            "ios_url": "",
            "pc_url": "",
            "url": "默认链路url"
        },
        "tag": "note"
    }
}
```