检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
使用相对地址:使用图片的相对路径。 高级设置 在高级设置中,可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”,在页面单击目录后的和,可管理图片目录。单击“上传图片/视频”,可进行上传操作。 选择“填充”表示图片不保证保持原有比例,图片拉伸填满整个容器。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”,并为对象添加字段。 在应用设计器
单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。 图3 选择轮播设置 图4 轮播设置 新增轮播图片并设置URL跳转。 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。 图5 选择图片管理 单击“添加”,选中所需的图片,单击“保存”。 选中已添加的图片,在右侧图片设置中,单击链接后的。
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法 准备工作。
OBS/MINIO/OBJECTSTORAGEPROXY图片库,支持按目录管理图片: 单击目录后的和,新增根图片目录和子图片目录。 单击“上传图片”,可上传图片。 选中图片时,单击,可以在图片库中删除此图片。 预览:预览时,是否支持单击放大图片。 公共 控件名称:当前组件的名称。 隐藏:是
在高级设置中,可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800
同步到运行环境中。 (可选)测试是否能识别身份证照片。 在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图3 配置身份证 提示如下信息,表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器
设置完成后,单击“保存”。 (可选)测试是否能识别身份证照片。 在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图3 配置身份证 提示如下信息,表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器
如何制作H5图文 场景描述 普通的图文消息,就只有图片和文字,比较单调,也是静态的。而H5图文除了图片和文字外,还可以加入声音、动画、视频等,让图片、文字动起来,效果更炫,视觉冲击更强。本章节以创建一个“福利发放”相关的H5图文为例进行介绍。 前提条件 参考管理素材中操作,在素材库中上传“福利发放”相关的素材。
境管理中心。 在左侧导航栏中,选择“应用管理 > 企业配置 > 外观与操作”。 在上传背景图中,单击待自定义图片后的,可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览,可预览设置效果。 图5 预览设置效果 预览效果符合预期后,单击“保存”。 自定义菜单 参考登录管理中
在AstroZero中创建一个新的应用,有以下两种创建方式。请根据实际需要选择相应的方式,创建应用。 使用模板创建应用 当您的业务与应用模板中的场景相似度较高时,可以尝试使用应用模板创建,并在模板应用的基础上继续改造应用。 从空白开始创建全新应用 从前端到后端,从零开始,一步步完全自己完成应用开发。
基于模板创建 使用模板 当您的业务与5G应用模板中的场景相似度较高时,可以尝试使用应用模板创建,并在模板应用的基础上继续改造应用。 操作步骤 参考如何登录5G消息应用开发平台中操作,登录5G消息应用开发平台。 在页面右上方,单击“新建应用”。 在新建应用页面,设置应用名称,单击“基于模板创建”。
在“布局与颜色”页签,设置应用布局样式。 主题颜色:系统预置的主题颜色。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,如菜单、子菜单、页签、应用标题的字体及颜色等。
删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800x800像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。 选中图片,单击,可删除图片。 单击,可编辑图片跳转链接。 父主题: 设
应用导航”,单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色:系统预置了很多主题供您选择。 图标:鼠标放在“图标”下的图片上,选择“更改”,上传新图片,可更改应用Logo,同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局:选择“布局”中的样式(“菜单显示为左侧”等),
加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。 定位标志:设置分页图标样式。 图片管理:对图片进行管理,并支持为图片配置跳转链接。 单击“添加”,在“选择图片/视频”页面,单击目录后的和,可管理图片目录。单击“上传图片/视频”,可上传图片。
上述代码中定义的展示图片文件可使用其他图片代替,将图片放到DisplayWidget目录中即可正常使用。 本示例代码中,widgetBasePath变量为组件包上传后的路径,在组件模板中已包含获取此变量的逻辑,在此直接使用即可(此例也展示了组件中如何引入本地图片的基本方法)。 在D
您也可以在应用详情页,单击应用名称后的箭头图标,选择“分享应用”。 图2 分享应用 单击“分享链接”后的,可分享该应用给其他用户。 单击,可在新窗口打开该应用,分享二维码图片给其他WeLink用户可供扫码访问应用。 图3 分享应用 父主题: 管理零码应用