图片组展示

效果预览

yml配置

# 多个图片 - 标准模式
- model: image_group
  label: 二维码
  show_type: 'center'
  data: 
      - {thumbnail: 'http://puui.qpic.cn/tv/0/4239146_190110/0', attrs: {width: 60, height: 60}}
      - {thumbnail: 'http://puui.qpic.cn/tv/0/4239146_190110/0'}

# 多个图片 - 逗号分割模式
- model: image_group
  label: 二维码
  show_type: 'center'
  data: 'http://puui.qpic.cn/tv/0/4239146_190110/0,http://puui.qpic.cn/tv/0/4239146_190110/0,http://puui.qpic.cn/tv/0/4239146_190110/0'

# 单个图片 - 标准模式
- model: image_group
  label: 二维码
  show_type: 'center'
  data: 'http://puui.qpic.cn/tv/0/4239146_190110/0'

字段说明

image_group

字段 类型 含义 默认值
model String 类型为html -
label String 名称label -
show_type String 【选配】展示样式,默认全部展示,值为center时,保留宽高比,截取中间部分 -
data String or Array 要展示的图片,如果只有一张图片,可以直接写图片地址 -

data

字段 类型 含义 默认值
thumbnail String 图片地址 -
attrs Object 图片宽高属性,非必填 -

data.attrs

字段 类型 含义 默认值
width Number 图片宽度 -
height Number 图片高度 -

results matching ""

    No results matching ""