为华为云Astro轻应用高级页面添加组件

更新时间：2025-03-24 GMT+08:00

高级页面组件分类

高级页面支持的组件类型，以及每个类型下所包含的具体组件，如表1所示。通过该表，可帮助您快速了解各组件的位置分类，更加高效的开发高级页面。当预置组件不满足需求时，还可以自定义组件并上传到高级页面中使用，详情请参见为华为云Astro轻应用高级页面添加自定义组件。

表1 高级页面预置组件
组件类型	组件
图表	饼图：通过饼图的形式，将数据信息清晰的展示在页面上。包括实心圆饼图、轮播饼图、满月饼图、基本饼图、贪吃蛇饼图、玫瑰花饼图和渐变色饼图。线状图：通过折线变换的形式，对数据进行展现，可直观展示数据的变化趋势。包括区域图、多区域折线图、基本折线图和多折线图。水位图：通过水位图的形式，用于匹配不同风格、场景的高级页面。包括水位图、箭头水位图、水滴水位图、钻石水位图、三角形水位图、圆角矩形水位图和矩形水位图。柱状图：通过柱形图，来呈现数据整体的表现。包括进度条、水平基本柱图、水平堆叠柱图、折柱图、基本漏斗图、双向柱图、基本柱图、数据标记柱图、瀑布柱图和热力图。散点图：使用气泡形状，来展现数据的大小分布情况，包括散点图和气泡图。雷达图：通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。
媒体	轮播：通过轮播的方式，来实现图片广告位的展示。图片：用于直接展示需要呈现的图片数据。视频播放器：用于播放FLV（Flash Video）格式的视频。
文本	翻牌器：通过设置翻盘动画效果，来动态展示数据的变化过程。通用表格：通过表格的方式，将数据信息以表格的形式清晰的展示在高级页面上。时间展示：用于展示包含年月日、时分秒的全量时间，并可设置显示对应星期值。文本编辑：用于显示多行文本，可对接数据集并设置交互。
装饰	自定义背景框：装饰组件的一种，包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求，选择不同的背景框，以增加视觉效果。
仪表盘	仪表盘：通过仪表的特殊展示方式，对数据进行展示。
导航	路由视图：通过配置不同页面，在当前页面呈现其它页面效果。该组件可降低对当前页面资源的占用，提升性能。路由导航（示例）：通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据页面提供更多的交互模式。选项卡：用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。
其它	用户自定义的组件会显示在“其他”中。

为高级页面添加组件

高级页面是由一个或者多个组件拼装而成。在设计高级页面时，可通过分类快速定位到所需的组件，并将其拖动到画布中。

在高级页面的设计页面，单击。在对应的组件分类中，拖拽所需的组件到右侧画布中，如图1所示。

图1 为高级页面添加组件

父主题： 高级页面

上一篇：创建华为云Astro轻应用高级页面

下一篇：设置华为云Astro轻应用高级页面预置组件属性

意见反馈

文档内容是否对您有帮助？

有帮助没帮助

提供反馈

提交成功！非常感谢您的反馈，我们会继续努力做到更好！

系统繁忙，请稍后重试

在使用文档中是否遇到以下问题

内容与产品页面不一致

内容不易理解

缺失示例代码

步骤不可操作

搜不到想要的内容

缺少最佳实践

意见反馈（选填）

0/500

请至少选择一项反馈信息并填写问题反馈

字符长度不能超过500

直接提交取消