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

查看更多 →

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

查看更多 →

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

查看更多 →

图标 图标是装饰组件的一种，用于为可视化应用添加多种类型的图标元素，能够使可视化应用展示更加美观。 以图标1为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“图标1”组件至画布空白区域，如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理

查看更多 →

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

查看更多 →

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

查看更多 →

图标 图标是装饰组件的一种，用于为可视化应用添加多种类型的图标元素，能够使可视化应用展示更加美观。 以图标1为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“图标1”组件至画布空白区域，如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

更新插件图标 功能介绍 更新插件图标 调用方法 请参见如何调用API。 URI POST /v1/{domain_id}/common/upload-plugin-icon 表1 路径参数 参数 是否必选 参数类型 描述 domain_id 是 String 租户ID 表2 Query参数

查看更多 →

复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。 自定义组件结构 自定义组件包，目录结构如下。

查看更多 →

找到需要修改图标的应用，单击“图标修改”，进入“图标修改”页面。 单击，删除已有图标。 单击，在本地选择需要的图标，单击“打开”。 显示图标上传成功后，关闭图标修改窗口即可。 父主题： 应用管理

查看更多 →

进度条背景色：设置进度条的背景颜色。 图标进度条：是否显示进度条图标。 图标样式：自定义图标样式。建议选择JPG、JPEG、PNG或GIF格式的图片，且每张图片的大小不能超过50MB。 图标宽：设置图标的宽度。 图标高：设置图标的高度。 图标位置：设置图标的显示位置，如进度条上方、进度条下方。

查看更多 →

关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →

APP图标有何要求？ 应用图标不得为系统图标，避免被用户误认为是系统应用; 应用图标不得包含误导用户点击的元素，如在没有新消息的情况下显示代表有新消息的数字角标。 还需遵守当地监管部门的其他要求。 父主题： APP备案FAQ

查看更多 →

进度条背景色：设置进度条的背景颜色。 图标进度条：是否显示进度条图标。 图标样式：自定义图标样式。建议选择JPG、JPEG、PNG或GIF格式的图片，且每张图片的大小不能超过50MB。 图标宽：设置图标的宽度。 图标高：设置图标的高度。 图标位置：设置图标的显示位置，如进度条上方、进度条下方。

查看更多 →

使用Vue应用部署模板创建并部署应用 在主机上部署Vue框架的web服务，并启动该服务。 请确认目标主机已安装Nginx，若已安装请移除模板中“安装Nginx”步骤。 该模板涉及的部署步骤如下所示： 安装Nginx 下载软件包 解压软件包 启动Nginx 重载Nginx配置文件 服务启动测试

查看更多 →

修改应用名称和图标 使用说明 应用创建后，支持再次修改应用的名称和应用图标。 操作步骤 参考登录AstroZero移动端零代码工作台中操作，登录AstroZero移动端零代码工作台。 在全部应用中，单击已创建的应用，进入应用。 在应用页面的右下方，单击。 在弹出的页面，单击，选择“编辑应用”。

查看更多 →