多图/图集 控件 可视化代码生成平台 · 媒体资源控件

农哥

多图/图集 控件

可视化代码生成平台 · 媒体资源控件（7/27）

用途：为一行数据挂多张图片——商品相册、案例图集、附件截图，可增删并拖拽排序。
存储：text（存 JSON 数组：["url1","url2",…]）。
列表/搜索：列表一般取首图缩略；不进搜索。
适用：需要"一组有序图片"的场景。

控件解析（外观 · 行为交互 · 样式 · 数据）

维度	说明
外观	多张缩略图网格 + "添加图片"按钮；每张可删除、可拖拽调顺序；空态有占位。
行为交互	点添加粘贴/选图地址入列；× 删除；拖拽改变顺序（顺序写入 JSON）。
样式	缩略图尺寸、每行数量、圆角随属性可调。
数据	整组以 JSON 数组存一个 text 列；保存时过滤空地址；读时解析渲染。

属性面板（右侧）功能详解

① 基础设置

字段	说明
字段名	业务表列名（text）。
标签	如"商品相册"。

② 显示设置

字段	说明
进列表	取首图展示。
排序权重	位置。

③ 专属属性

字段	说明
最大张数	可选，超出拦截。
排序	支持拖拽排序。

④ 高级

字段	说明
启用 / 停用	停用仅隐藏。

演示

商品相册（可拖拽排序）

+

技巧：多图存的是 JSON 数组；与"单图"控件不要混用。删除某张只改数组，不删远程图。

多图/图集 控件文档 · 随工具迭代更新