乐趣区

关于低代码:低代码表单引擎中的图片类组件样式设置详解

在当今的数字化时代,视觉出现和交互性在应用程序中扮演着至关重要的角色。图片类组件作为低代码开发中的重要组成部分,在软件应用开发中,图片类组件是必不可少的,它们为应用程序削减了丰富多彩的视觉元素,使得应用程序更加活泼和易于了解。上传的图片存于 MinIO 服务器上。图片类组件实用于图片上传或展现,利用十分宽泛,无论是用户头像、产品展现,还是滑动相册、广告营销,图片类组件都施展着不可或缺的作用。

MinIO 服务器解决方案为图片存储提供了高效、牢靠的反对。通过将上传的图片存储在 MinIO 服务器上,开发者能够确保图片数据的安全性和可扩展性,同时实现快速访问和共享。

上传图片组件的根底设置阐明如下:
①:上传图片:通过点击上传图片。
②:组件绑定模型的字段,点击字段名称后,零碎会把本表单对应的模型字段展现进去,选中即可。
③:组件的中文名称,批改后会将组件的名称同步批改。
④:显示管制,通过其余组件后果的设置内容判断条件,当条件为真时显示单选组件。
⑤:禁用管制,通过其余组件后果的设置内容判断条件,当条件为真时单选禁止操作。
⑥:触发逻辑,当单选选择项后,且鼠标失焦后,将触发逻辑(用户自定义的逻辑)。
校验设置配置如下:

①:是否必填,默认敞开。
②:动静校验,依据表单字段通过逻辑动静判断是否必填等校验。
③:容许为空与是否必填绝对,默认敞开。

款式设置配置配置如下:
①:控件宽度,默认 24 可自行调整。
②:提醒形容,填写形容该组件的内容信息。
③:形容地位,默认显示在组件右侧还可设置换行显示。
④:最大容许,设置上传图片最大个数。
⑤:占位图设置,指在图片的加载过程中,先显示一张长期的图片,等图片加载进去了再替换成要加载的图片。

①:图片组件,多用于查看展现单张或一组图片,通常在批改或详情表单中用于回显应用。
②:数据联动,请参照文档​​数据联动设置​​
③:尺寸适应,主动调整确保在各种屏幕尺寸上的一致性和可用性,可抉择图片解决办法有:fill、contain、cover、none、scale-down。
在线 demo:https://frame.bctools.cn/
开源框架:https://gitee.com/software-minister/jvs

退出移动版