检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。 本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见添加事件或宏实现AstroZero高级页面组件交互。
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中水位图组件，单击鼠标右键选择“高级设置”，可对水位图进行多种配置。 图3 水位图效果图
自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中基本柱图组件，单击鼠标右键选择“高级设置”，可对柱状图进行多种配置。 图3 基本柱图效果图
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
小的png、gif、jpg、jpeg等类型的图片，图片大小不超过3M。 移动端：上传462px*300px尺寸大小的png、gif、jpg、jpeg等类型的图片，图片大小不超过3M。 上传预览图 设置PC端、移动端或PAD端的预览图片。 上传模板资料PDF 上传模板使用帮助文档，
小的png、gif、jpg、jpeg等类型的图片，图片大小不超过3M。 移动端：上传462px*300px尺寸大小的png、gif、jpg、jpeg等类型的图片，图片大小不超过3M。 上传预览图 设置PC端、移动端或PAD端的预览图片。 上传模板资料PDF 上传模板使用帮助文档，
雷达图：通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 媒体 轮播：通过轮播的方式，来实现图片广告位的展示。 图片：用于直接展示需要呈现的图片数据。 视频播放器：用于播放FLV（Flash Video）格式的视频。 地图 通过地图组件，将地图添加到高级页面中。
自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中基本折线图组件，单击鼠标右键选择“高级设置”，可对折线图进行多种配置。 图3 基本折线图效果图
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面
存放商品图片，此处存放了10张商品图片，分辨率统一为380x440，如图3所示。 图3 新建img存在商品图片 在commodityListWidget.js中，新建Commodity对象并为其赋值。 其中，Commodity对象包含三个属性，分别为src（商品图片路径）、ti
在运行环境中，如果游客需要提交一个表单，该如何实现？本节将为您详细介绍实现方法。 图1 访问方式 实现流程 在开发环境中，用标准页面实现提交表单，在高级页面中引入自定义的跳转组件，该组件用于自动跳转到标准页面。发布到运行环境，在运行环境中，当游客访问该高级页面时，会自动跳转访问标准页面。 图2 实现流程 操作步骤（新版）
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
件时，会向后台发送请求刷新访问凭证。 ElementUI样式：低代码平台默认加载了ElementUI，开启后即可使用。 背景图片：单击，设置页面的背景图片。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。
自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中雷达图组件，单击鼠标右键选择“高级设置”，可对雷达图进行多种配置。 图3 雷达图配置效果
对接MINIO存储AstroZero对象或资产 对接对象存储代理兼容实例格式 对接Redis实现AstroZero对象数据缓存能力 对接CSS实现在应用中调用分布式搜索 对接OCR识别图片中文字 对接IEF管理边缘节点 对接ModelArts Pro实现在应用中使用文字识别和自然语言处理能力 对接ModelArt识别图像和文字
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
在左侧面板中，将“图片”组件拖至中间面板“标题”组件下方，并在右侧边板设置图片地址（/besBaas/images/banner.png），设置图片高度为“165px”，宽度为“100%”。 图13 将“图片”组件拖至中间面板 图14 设置图片地址 图15 设置图片样式 在左侧面板
setButtonText：对外显露的方法，用于修改按钮中的文本。 修改视图文件“imgButton.vue”中的“style scoped”，定义图片按钮的样式类。 包括图片按钮外框、图片、文本三个样式类，如下图所示。 图10 定义样式类 .imgButton { display: inline-block;
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 自定义属性列表
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
