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

图片

开发者可使用图片组件,插入图片至卡片中。需注意:

  • 仅支持 10M 以内的 JPG/PNG/JPEG/GIF 格式的图片
  • 图片的 高度:宽度 不超过 16:9

参数说明

名称是否必填参数类型说明
imageobject图片组件配置
∟ tagstring组件的标签,图片组件tag=img
∟ contentobject图片配置
∟ ∟ storage_keystring图片存储的唯一标识
∟ ∟ 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:点击图片后,弹出图片查看器放大查看当前点击的图片)
∟ ∟ transparentbool透明底色
∟ ∟ marginstring外边距(支持自定义上、下、左、右外边距,可修改任意一边或多边,值的取值范围为 [-99,99]px。超出取值范围时,将按最大支持范围展示),例如 20px 20px 20px 20px
∟ linkobject图片的跳转链接
∟ ∟ urlstring默认的链接地址
∟ ∟ pc_urlstringPC 端的链接地址
∟ ∟ ios_urlstringiOS 端的链接地址
∟ ∟ android_urlstringAndroid 端的链接地址

图片示例

图片组件

JSON结构

json
{
  "image": {
    "content": {
      "storage_key": "图片存储key",
      "url": "外链图片地址,和storage_key二选一",
      "scale_type": " crop_top",
      "size": "stretch",
      "corner_radius": " 20px",
      "alt": {
        "type": "plain",
        "content": "提示内容"
      },
      "preview": true,
      "transparent": true,
      "margin": "20px 20px 20px 20px"
    },
    "link": {
      "android_url": "",
      "ios_url": "",
      "pc_url": "",
      "url": "默认链路url"
    },
    "tag": "img"
  }
}