检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
级页面。 单击,拖拽轮播组件到右侧画布中。 图2 拖入轮播组件 在轮播组件上,单击右键选择“高级设置”。 单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。 图3 选择轮播设置 图4 轮播设置 新增轮播图片并设置URL跳转。 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。
轮播 轮播是媒体组件的一种,是多图片轮播组件,可实现多图片的切换和对应事件。 在高级页面设计器中,单击,从“媒体 > 通用”中,拖拽“轮播”组件到画布中,如图1所示。 图1 轮播 属性 在属性中,设置轮播组件的位置、边框、连接器等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。
删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800x800像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。 选中图片,单击,可删除图片。 单击,可编辑图片跳转链接。 父主题: 设
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
OBS/MINIO/OBJECTSTORAGEPROXY图片库,支持按目录管理图片: 单击目录后的和,新增根图片目录和子图片目录。 单击“上传图片”,可上传图片。 选中图片时,单击,可以在图片库中删除此图片。 预览:预览时,是否支持单击放大图片。 公共 控件名称:当前组件的名称。 隐藏:是否隐藏
使用相对地址:使用图片的相对路径。 高级设置 在高级设置中,可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”,在页面单击目录后的和,可管理图片目录。单击“上传图片/视频”,可进行上传操作。 选择“填充”表示图片不保证保持原有比例,图片拉伸填满整个容器。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”,并为对象添加字段。 在应用设计器
在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图3 配置身份证 提示如下信息,表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器 在脚本中,调用连接器实现与OCR的对接。 参考开发一个简单脚本实例中操作,创建一个空白脚本。
在高级设置中,可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800
OBS/MINIO/OBJECTSTORAGEPROXY图片库,支持按目录管理图片: 单击目录后的和,新增根图片目录和子图片目录。 单击“上传图片”,可上传图片。 选中图片时,单击,可以在图片库中删除此图片。 预览:预览时,是否支持单击放大图片。 公共 控件名称:当前组件的名称。 隐藏:是
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法 准备工作。
在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图2 配置身份证 提示如下信息,表明成功识别身份证信息。 图3 测试成功 在脚本中调用连接器 在脚本中,调用连接器实现与OCR的对接。 参考创建空白AstroZero脚本中操作,创建一个空白脚本。
使用AstroZero开发高级页面时如何引用第三方库 在AstroZero高级页面中使用花瓣图展示订单数据 在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转
图和气泡图。 雷达图:通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 媒体 轮播:通过轮播的方式,来实现图片广告位的展示。 图片:用于直接展示需要呈现的图片数据。 视频播放器:用于播放FLV(Flash Video)格式的视频。 地图 通过地图组件,将地图添加到高级页面中。
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题: 高级页面
富组件的功能。 在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 高级页面中的轮播组件主要用于多个图片的自动循环切换,您也可以为图片添加超链接,即单击图片,跳转到指定的网站。本实践向您介绍,如何为轮播组件中图片添加一个超链接,跳转到AstroZero帮助文档。
设置AstroZero高级页面预置组件属性 设置AstroZero高级页面轮播组件属性 设置AstroZero高级页面图片组件属性 设置AstroZero高级页面文本编辑组件属性 设置AstroZero高级页面自定义背景框组件属性 设置AstroZero高级页面基本柱图组件属性
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 自定义属性列表
的值,来控制添加标题的文字大小。 链接:链接地址,用于链接、跳转,一般常用来打开新页面或作为文字性按钮使用。 图片:用于上传图片,可以从OBS或者SFTP选择或上传图片。 面包屑:显示网站的层级结构,告知用户当前所在的位置,如“首页/菜单1/菜单2/菜单3”。 滑块:滑块是一个可