Skip to content
能力中心
产品中心
应用市场
WebOffice
开发者后台

文本+中图

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

参数说明

名称是否必填参数类型说明
medium_noteobject文本+中图组件配置
∟ tagstring组件的标签,文本+中图组件tag=medium_note
∟ imageobject图片配置
∟ ∟ storage_keystring图片存储的key
∟ ∟ urlstring图片url,和storage_key二选一
∟ ∟ scale_typestring裁剪方式:
- crop_top:顶部裁剪
- crop_center:居中裁剪
- fit_horizontal:完整展示
∟ ∟ sizestring图片尺寸(选择“顶部裁剪”、“居中裁剪”时支持):
- stretch:超大图(适用于高宽比小于 16:9 的图片)
- large:大图(160 × 160,适用于多图混排)
- medium:中图(80 × 80,适用于图文混排的封面图)
- small:小图(40 × 40,适用于人员头像)
- tiny:超小图(16 × 16,适用于图标、备注)
- 自定义固定尺寸(如 100px 100px
- 自定义宽高比(如 16:9
∟ ∟ corner_radiusstring图片直角(支持“像素”和“百分比”两种方式):像素(如 10px)、百分比(如 50%
∟ ∟ altobject悬停提示
∟ ∟ ∟ typestring固定为 (plain
∟ ∟ ∟ contentstring文本内容
∟ ∟ previewbool查看预览(true:点击图片后,弹出图片查看器放大查看当前点击的图片)
∟ textobject文本内容
∟ ∟ typestring文本类型,支持 plain 和 markdown 两种类型
∟ ∟ contentstring文本内容
∟ ∟ text_sizestring文本大小:
- xxxx-large(30px):超大文本,适用于重要标题或突出显示
- xxx-large(24px):特大文本,适用于标题或重要提示
- xx-large(20px):大文本,适用于段落标题
- x-large(18px):较大文本,适用于正文内容
- large(16px):标准大文本,适用于普通正文
- medium(14px):中等文本,适用于辅助说明
- small(12px):小文本,适用于注释或细小说明
- x-small(10px):超小文本,适用于图标旁的提示或备注
∟ ∟ text_alignstring文本对齐方式(支持的值:left, center, right
∟ ∟ iconobject前缀图标配置
∟ ∟ ∟ tagstring图标类型,目前仅支持 custom_icon
∟ ∟ ∟ storage_keystring图片存储 key
∟ linkobject组件整体的跳转链接
∟ ∟ urlstring默认的链接地址
∟ ∟ pc_urlstringPC 端的链接地址
∟ ∟ ios_urlstringiOS 端的链接地址
∟ ∟ android_urlstringAndroid 端的链接地址

图片示例

文本+中图组件

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