资源工坊

文本+中图 ​

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

参数说明 ​

名称是否必填参数类型说明
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否stringPC 端的链接地址
∟ ∟ ios_url否stringiOS 端的链接地址
∟ ∟ android_url否stringAndroid 端的链接地址

图片示例 ​

文本+中图组件

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"
      }
    }
  }
}