检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
的功能。 在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 高级页面中的轮播组件主要用于多个图片的自动循环切换，您也可以为图片添加超链接，即单击图片，跳转到指定的网站。本实践向您介绍，如何为轮播组件中图片添加一个超链接，跳转到AstroZero帮助文档。 在As
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题： 高级页面
新建img文件夹，存放商品图片，此处存放了10张商品图片，统一分辨率为380x440，如图2所示。 图2 新建img存在商品图片 在commodityListWidget.js中，新建Commodity对象并为其赋值。 其中，Commodity对象包含三个属性，分别为src（商品图片路径）、ti
雷达图：通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 媒体 轮播：通过轮播的方式，来实现图片广告位的展示。 图片：用于直接展示需要呈现的图片数据。 视频播放器：用于播放FLV（Flash Video）格式的视频。 地图 通过地图组件，将地图添加到高级页面中。
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 自定义属性列表
本最佳实践主要向您介绍如何在高级页面中，通过玫瑰花饼图展示订单数据。 通过AstroZero中的连接器上传并识别身份证图片 本最佳实践主要向您介绍如何通过OCR连接器，实现身份证信息的识别和存储能力。 将AstroZero中的应用发布成WeLink轻应用 本最佳实践以Astro轻
小的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 上传模板使用帮助文档，
设置AstroZero高级页面预置组件属性 设置AstroZero高级页面轮播组件属性 设置AstroZero高级页面图片组件属性 设置AstroZero高级页面文本编辑组件属性 设置AstroZero高级页面自定义背景框组件属性 设置AstroZero高级页面基本柱图组件属性
如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。 图1 标准页面 高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、图表、视频、地图等元素的页面，您
setButtonText：对外显露的方法，用于修改按钮中的文本。 修改视图文件“imgButton.vue”中的“style scoped”，定义图片按钮的样式类。 包括图片按钮外框、图片、文本三个样式类，如下图所示。 图10 定义样式类 .imgButton { display: inline-block;
连接器专项 通过AstroZero中的连接器上传并识别身份证图片 通过AstroZero中的连接器实现文件上传功能
的值来控制添加的标题的文字大小。 链接：链接地址，用于链接、跳转，一般常用来打开新页面或作为文字性按钮使用。 图片：用于上传图片，可以从OBS或者SFTP选择或上传图片。 面包屑：是项目中常用的一种组件。结构大致是“首页/菜单1/菜单2/菜单3”。 滑块：滑块是一个可以利用鼠标在
存放商品图片，此处存放了10张商品图片，分辨率统一为380x440，如图3所示。 图3 新建img存在商品图片 在commodityListWidget.js中，新建Commodity对象并为其赋值。 其中，Commodity对象包含三个属性，分别为src（商品图片路径）、ti
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
Palette 在代码编辑区域，在符号上单击鼠标右键，选择Command Palette或者按F1，进入命令面板，可以执行很多编辑功能。 图3 命令面板 Hover 把鼠标停留在符号上，可以查看符号的定义概要。再按住Ctrl键，单击符号，可以查看符号更加详细的定义。 例如，鼠标停留
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
边距：设置组件边框和图表之间的间距，单位px。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：为轮播组件添加图片，当前仅支持添加JPG、JPEG、PNG和GIF格式的图片，且每张图片的大小不能超过50MB，尺寸建议使用800 x 800像素。 颜色：设置组件的背景颜色。 高级设置
Palette 在代码编辑区域，在符号上单击鼠标右键，选择Command Palette或者按F1，进入命令面板，可以执行很多编辑功能。 图3 命令面板 Hover 把鼠标停留在符号上，可以查看符号的定义概要。再按住Ctrl键，单击符号，可以查看符号更加详细的定义。 例如，鼠标停留
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
