检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
场景描述 本章节以开发一个满足响应式布局的商品列表组件为例,向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端,组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如,视区(屏幕或浏览器可视区域)由宽变窄过程中,呈现出多终端适配的响应式效果,商品单行个数逐渐由五列变为一列。
连接器专项 通过AstroZero中的连接器上传并识别身份证图片 通过AstroZero中的连接器实现文件上传功能
png),设置图片高度为“165px”,宽度为“100%”。 图13 将“图片”组件拖至中间面板 图14 设置图片地址 图15 设置图片样式 在左侧面板中,将“标题”组件拖至中间面板“图片”组件下方。 图16 将“标题”组件拖至中间面板 在右侧边板设置标题内容,如“为了持续提高您的开发体
对接OBS云对象存储实例 对接MINIO存储功能 对接对象存储代理 对接Redis实现数据存储 对接CSS提供云搜索服务 对接OCR实现图片上文字识别功能 对接IEF实现边缘节点管理功能 对接华为云ModelArts Pro 对接华为云ModelArts 对接SMN实现短信发送功能 对接MSGSMS实现短信发送功能
实例中的“管理运行环境”,进入AstroZero生产环境。 在生产环境的右上角,单击“体验新版”,进入新版生产环境。 在左侧导航栏中,选择“企业配置 > 工作台 > 外观与操作”。 在上传背景图中,单击待自定义图片后的,可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览,可预览设置效果。
统计页面设计完成后,支持在开发态和运行态导出统计页面(导出图片格式为png)。 导出统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统计页面后的,选择“导出”。 当前仅支持导出png格式的统计页面。
huaweicloud.com/ocr/index.html。 图像识别服务 图像识别(Image Recognition),基于深度学习技术,可准确识别图像中的视觉内容,提供多种物体、场景和概念标签,具备目标检测和属性识别等能力,帮助客户准确识别和理解图像内容。更多介绍,请参见https://support
设置AstroZero中已开发应用的布局 业务配置中心的“应用配置”中,显示了当前登录用户具有可见权限的应用。按照应用类型分为App、BO和Addon应用三个类型,供您查看和管理这些应用的运营配置、流程和触发器等。应用运营配置是指开发应用时在“运营配置”中定义的内容,包括系统参数、选项列表、错误码和业务权限凭证等。
滚动类型效果 样式设置 数字大小:数字文本的大小。 数字颜色:数字文本的颜色。 数字背景色:数字所占格子的背景颜色。 数字间隔(px):数字之间的间隔距离,取值范围为4~30px。 卡片内边距:整体数字和组件边框的内边距。 字体粗细:数字文本字体的粗细。 显示千分逗号:数值是否显示千分位逗号分隔符。
在全部应用中,单击待分享应用后的“...”,选择“分享”。 图1 工作台中分享应用 您也可以在应用详情页,单击应用名称后的箭头图标,选择“分享应用”。 图2 分享应用 单击“分享链接”后的,可分享该应用给其他用户。 单击,可在新窗口打开该应用,分享二维码图片给其他WeLink用户可供扫码访问应用。
API,获取后台数据,详情请参见如何调用后台接口。 事件和动作 事件和动作都是组件的配置属性,用于实现组件之间的交互。例如,单击某个组件内的按钮,另外一个组件需要进行数据更新操作,或者是需要跳转到当前应用下的其他高级页面,这时需要通过事件和动作的机制来实现。单击按钮即是触发一个事
如果设置高度,宽度没设置,高度以设置的为准,宽度则按照原来的宽高比例生成。如果宽度和高度都没设置,宽高以原图片宽高为准。 自定义尺寸压缩:宽度和高度两个属性都没有设置或者只设置了其中一个,没有设置值的属性以原图片的同属性值为准。 压缩宽度(px):指定图片压缩的宽度。当“图片压缩”开关打开时,该参数才会显示。
背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置 选中翻牌器组件,单击鼠标右键选择
huaweicloud.com/ocr/index.html。 图像识别服务 图像识别(Image Recognition),基于深度学习技术,可准确识别图像中的视觉内容,提供多种物体、场景和概念标签,具备目标检测和属性识别等能力,帮助客户准确识别和理解图像内容。更多介绍,请参见https://support
默认为应用名称,可根据实际需求进行修改。 模板描述 模板的描述信息,建议设置为模板的用途或特点。 上传封面图 上传PC端和移动端的封面图。 PC端:上传136px*136px尺寸大小的png、gif、jpg、jpeg等类型的图片,图片大小不超过3M。 移动端:上传462px*300px尺寸大小的png、gif、jp
默认为应用名称,可根据实际需求进行修改。 模板描述 模板的描述信息,建议设置为模板的用途或特点。 上传封面图 上传PC端和移动端的封面图。 PC端:上传136px*136px尺寸大小的png、gif、jpg、jpeg等类型的图片,图片大小不超过3M。 移动端:上传462px*300px尺寸大小的png、gif、jp
设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。
式布局设计规范。组件的响应式设计,是高级页面适配多终端的重要前提。下面以开发一个满足响应式布局的商品列表组件为例,向您介绍如何适配多终端。 商品列表组件可以应用于不同分辨率的手机端和电脑端,组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。如图1中呈现的效果,屏幕或浏览器可视
public-read:公共读。 public-read-write:公共读写。 default:和桶配置的权限一致。 默认取值: 不配置,和桶配置的权限一致。 object 是 String 参数解释: 待上传的文件数据,包含文件名和文件内容。 约束限制: 不涉及。 取值范围: 不涉及。 默认取值:
宽度:该字段配置框的宽度,占页面宽度的比例。 问号提示:当该字段较难理解时,可通过配置“问号提示”告诉用户该字段的含义、如何配置等,可以设置为中文,也可以设置为英文。 设置后,页面该字段旁会有问号图标,单击后会显示配置的“问号提示”内容。 描述信息:设置组件的描述信息。 父主题: