无服务器图片生成缩略图

选择器 使用场景 在页面中供用户选择多个数据，展示形式是下拉列表。 组件图标： 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 下拉框默认选中值 select选择框 - - √ 2 多选 设置下拉框是否可多选 switch开关 开/关

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 配置 在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体：输入框中字体的大小、颜色等设置。

查看更多 →

时间选择器 使用场景 展示时间，可以精确到时分秒，也可设置一个时间段供用户选择。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 设置默认时间 时间选择器 - - √ 2 只读 是否设置时间只读 switch开关 开/关

查看更多 →

时间选择器 本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色：单击颜色编辑器设置组件的背景色。 圆角：单击设置组件的圆角度。值越大，圆角度越明显。最小值为0%，最大值为50%。

查看更多 →

日期选择器 日期选择器组件用于记录时间信息，适用于填写出差、加班日期时间等场景。 在表单设计页面，从“常用控件”中，拖拽“日期选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。

查看更多 →

日期选择器 此章节介绍日期选择器配置项含义。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 配置 在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体：输入框中字体的大小、颜色等设置。

查看更多 →

日期范围独立展示 日期选择器选择范围时是否支持选单个日期 switch开关 - - √ 15 禁用日期 日期选择器设置禁用状态 代码编辑器 - - √ 16 快捷项 快捷操作，给日期选择器创建快捷事件 collapse新增按钮 - - √ 属性详解 日期类型 设置日期选择器的类型，需特别

查看更多 →

日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面，从“常用控件”中，拖拽“日期范围选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。

查看更多 →

使用状态选择器 使用说明 在样式选择器右侧，我们还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后，我们此时编辑样式面板，就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。

查看更多 →

表单组件介绍 单行文本输入 多行文本输入 数字输入框 富文本 开关 单选 下拉选择框 复选框 日期选择器 日期范围选择器 图片上传 附件 部门 成员 地址 评分 级联选择 子表单 页签 手写签名 分段标题 图文展示 文本 分割线 备注 公式计算 流水号 父主题： 表单管理

查看更多 →

录入员工的基本信息，由2个单行文本组件、1个单选、1个下拉选择框、2个日期选择器、1个多行文本输入、1个图片上传和1个附件组成。 图1 个人基本信息 教育经历 录入员工的教育背景信息，通过子表单组件实现，子表单中包含2个单行文本输入、1个日期范围选择器和1个下拉选择框。 图2 教育经历 工作经历 录入员

查看更多 →

在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框，选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。 缩放模式：单击下拉选项，可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。

查看更多 →

图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。

查看更多 →

左边距：图表到组件边框左侧的距离。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。

查看更多 →

选择桶：连接器的存储桶。 使用相对地址：使用图片的相对路径。 链接 > 链接地址：图片的链接跳转URL。 高级设置 在高级设置中，可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”，在页面单击目录后的和，可管理图片目录。单击“上传图片/视频”，可进行上传操作。

查看更多 →

左边距：图表到组件边框左侧的距离。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。

查看更多 →

尺寸位置 全局样式 图片：选择图片，您可以通过如下三种方式加载图片到大屏中。 在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框，选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。

查看更多 →

OBS/MINIO/OBJE CTS TORAGEPROXY图片库，支持按目录管理图片： 单击目录后的和，新增根图片目录和子图片目录。 单击“上传图片”，可上传图片。 选中图片时，单击，可以在图片库中删除此图片。 预览：预览时，是否支持单击放大图片。 公共 控件名称：当前组件的名称。 隐藏：是

查看更多 →

使用相对地址：使用图片的相对路径。 高级设置 在高级设置中，可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”，在页面单击目录后的和，可管理图片目录。单击“上传图片/视频”，可进行上传操作。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。

查看更多 →

OBS/MINIO/OBJECTSTORAGEPROXY图片库，支持按目录管理图片： 单击目录后的和，新增根图片目录和子图片目录。 单击“上传图片”，可上传图片。 选中图片时，单击，可以在图片库中删除此图片。 预览：预览时，是否支持单击放大图片。 公共 控件名称：当前组件的名称。 隐藏：是

查看更多 →