🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# images Images 多图片显示, 支持系统上传的图片以及外部图片链接 > 系统内部集成了一个文件管理功能, 使用表单项中的文件上传/图片上传功能时会在提交表单时提交文件ID, 在表单处理时直接保存, 使用Images组件时数据中直接返回文件ID即可, 字段值支持数组及以逗号分隔的字符串 > 注: 图片支持放大预览 ## 方法原型: ``` /** * @param string $name 字段名, 支持复杂结构的多级操作, 以英文句号分隔, 如: 'book.images' * @param string $title 标题 * @param string $type 类型, 需要传image * @param string $option 限制可以显示的数量, 在图片较多的情况下可以使用此参数限制, 默认为0:不限制 * @param string $default 默认值 * @param array $attr 触发器等其他属性: { * trigger: {key: value}, // 用于控制当前列是否显示, value可以是一个数组, 若传了trigger参数, 只有当前行数据中出现在value中时才显示 * fixed: 是否固定列, * show_tooltip: 是否在长度超出后显示tooltip * } */ addColumn($name, $title, $type = 'image', $option = 0, $default = '', $attr = []) ``` ## 调用方式: ``` return SBuilder::make('table') ->addColumn('images', '广告图片', 'images') ->fetch(); ``` 或 ``` return SBuilder::make('table') ->addColumns([ ['images', '广告图片', 'images'], ... // 其他列 ]) ->fetch(); ``` > 页面效果: > ![](https://img.kancloud.cn/b6/0c/b60cd5deda7991235832eed6d8f15d81_169x175.png) - 限制图片最大显示数量 > 支持自定义状态列表以及状态的颜色, 状态颜色在文本后用`:`分隔 ``` return SBuilder::make('table') ->addColumn('images', '广告图片', 'images', 3) // 图片超过3张时只显示3张 ->fetch(); ``` - 触发器 可使用触发器控制行数据是否在当前列显示, 见`添加列`一章的触发器