检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
多选 多选组件用于一次性选择多个选项, 例如收集用户兴趣爱好时,可选用该组件。 在表单开发页面,从“数据组件”中,拖拽“多选”组件至表单设计区域,如图1。 图1 多选 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 排列方式:选项值的排列方式,如下拉、竖排、横排。
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
OBS/MINIO/OBJECTSTORAGEPROXY图片库,支持按目录管理图片: 单击目录后的和,新增根图片目录和子图片目录。 单击“上传图片”,可上传图片。 选中图片时,单击,可以在图片库中删除此图片。 预览:预览时,是否支持单击放大图片。 公共 控件名称:当前组件的名称。 隐藏:是否隐藏
使用相对地址:使用图片的相对路径。 高级设置 在高级设置中,可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”,在页面单击目录后的和,可管理图片目录。单击“上传图片/视频”,可进行上传操作。 选择“填充”表示图片不保证保持原有比例,图片拉伸填满整个容器。
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”,并为对象添加字段。 在应用设计器
在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图3 配置身份证 提示如下信息,表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器 在脚本中,调用连接器实现与OCR的对接。 参考开发一个简单脚本实例中操作,创建一个空白脚本。
OBS/MINIO/OBJECTSTORAGEPROXY图片库,支持按目录管理图片: 单击目录后的和,新增根图片目录和子图片目录。 单击“上传图片”,可上传图片。 选中图片时,单击,可以在图片库中删除此图片。 预览:预览时,是否支持单击放大图片。 公共 控件名称:当前组件的名称。 隐藏:是
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法 准备工作。
在高级设置中,可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800
在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图2 配置身份证 提示如下信息,表明成功识别身份证信息。 图3 测试成功 在脚本中调用连接器 在脚本中,调用连接器实现与OCR的对接。 参考创建空白AstroZero脚本中操作,创建一个空白脚本。
文件大小错误描述:当文件超过限制大小时,提示的错误描述。 预览:是否开启预览,只在图片时生效。 图片压缩:是否开启图片压缩功能,当前仅支持jpg、jpeg和png格式的图片。 压缩尺寸:当“图片压缩”开关打开时,该参数才会显示。图片压缩尺寸,分为保持原尺寸和自定义尺寸。 保持原尺寸压缩: 如果设置
下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作,支持单选、多选、搜索,以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创
文件大小错误描述:当文件超过限制大小时,提示的错误描述。 预览:是否开启预览,只在图片时生效。 图片压缩:是否开启图片压缩功能,当前仅支持jpg、jpeg和png格式的图片。 压缩尺寸:当“图片压缩”开关打开时,该参数才会显示。图片压缩尺寸,分为保持原尺寸和自定义尺寸。 保持原尺寸压缩: 如果设置
删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800x800像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。 选中图片,单击,可删除图片。 单击,可编辑图片跳转链接。 父主题: 设
加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。 定位标志:设置分页图标样式。 图片管理:对图片进行管理,并支持为图片配置跳转链接。 单击“添加”,在“选择图片/视频”页面,单击目录后的和,可管理图片目录。单击“上传图片/视频”,可上传图片。
零码组件介绍 单行文本 多行文本 数值 百分比 电话 邮箱 URL 金额 日期时间 单选 多选 关联记录 用户 引用 汇总 附件 公式 子表 矩阵量表 文本组合 部门 定位 富文本 自动编号 标题 图文展示 图片 分段 父主题: 创建工作表
境管理中心。 在左侧导航栏中,选择“应用管理 > 企业配置 > 外观与操作”。 在上传背景图中,单击待自定义图片后的,可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览,可预览设置效果。 图5 预览设置效果 预览效果符合预期后,单击“保存”。 自定义菜单 参考登录管理中
、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件,常用于管理端表格表单类的页面开发,如布局容器、数据容器、输入、显示、按钮等。 高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面,您也可以将高级页面应用于开发
若“属性值绑定”中,设置了“选项”与模型字段绑定。预览页面时,优先以“属性值绑定”为准,显示选项内容。 选项值唯一:选项值是唯一标识,开启后提升渲染性能。 是否多选:配置下拉框是否提供多选的能力。 可清空:是否在选择下拉框,显示一个删除图标,来删除选择框的内容。 弹层独立:选项值区域展示不全,部分内容隐藏时,开启后,可显示完整选项值。