本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1 应用页面开发 操作视频 父主题： 后端应用管理

查看更多 →

分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在表单设计页面，从“样式布局”中，拖拽“分割线”组件至表单设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态：设置分割线的状态，如普通、隐藏。 普通：设置为普通后，页面上可正常显示分割线。 隐藏：设置为隐藏后，页面上的分割线将不再显示。

查看更多 →

条件统计数据。 外观 大小：设置图表的大小，如大、中或小。 样式：选择图表的样式。 布局：是否开启自动布局功能，默认为开启。如果不开启，可根据实际需求进行如下设置。 列表布局：设置图例的列表布局，如垂直、水平。 标签换行：是否开启标签换行。开启后，当标签字数超过设置的单行最多字数时会自动换行。

查看更多 →

页面”。 图1 创建高级页面 设置“标签”和“名称”为“Login”，并选择“绝对布局”，单击“添加”。 图2 添加高级页面 高级页面布局有绝对布局和流式布局两种，页面布局详细介绍请参见高级页面布局。在应用中首次添加高级页面时，支持设置视图（电脑端、手机端）。 拖拽自定义组件“userLogin”到页面。

查看更多 →

备注 备注用于添加注意事项，以指导用户操作。 在表单设计页面，从“样式布局”中，拖拽“备注”组件至表单设计区域，如图1所示。 图1 拖拽备注组件到设计区并设置属性 状态：设置字段的状态，如普通、只读。 普通：设置为普通后，页面上该字段可正常显示，且可进行配置。 只读：设置为只读后，页面上该字段只可读。

查看更多 →

了解应用列表 在应用列表中，可以查看当前用户已安装的应用，并配置导航条和布局。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 应用导航”，可查看到当前用户已安装的应用程序。 ：预览该应用。 /：运行环境才会显示该图标，表示

查看更多 →

最小值：设置纵坐标的最小值，默认为自动。 最大值：设置纵坐标的最大值，默认为自动。 布局：是否开启自动布局功能，默认为开启。如果不开启，可根据实际需求进行如下设置。 列表布局：设置图例的列表布局，如垂直、水平。 标签换行：是否开启标签换行。开启后，当标签字数超过设置的单行最多字数时会自动换行。

查看更多 →

全局搜索功能 首页布局设置 您可以根据个人习惯自定义首页布局，在“首页”页面右上角单击设置，进入布局设置页面，对已添加的卡片进行排序管理和移除。 卡片排序，拖拽应用后移动至具体位置，即可成功对卡片排序。 卡片移除，点击移除图标，确认后成功移除卡片。 将首页布局恢复到默认布局，单击页面底部“恢复默认布局”。

查看更多 →

（可选）将对象字段添加到对象的页面布局。 默认批量创建自定义字段后，所有自定义字段都会显示在布局页面。若需要修改对象页面布局中字段，请执行该步骤。 在对象配置页面选择“布局”页签，单击“visitorlnfo Records”，进入对象布局页面后，选中页面中的表格组件，可在布局页添加或者删除字段。

查看更多 →

保存和发布页面，并释放锁。 低码开发 以通过接口修改视频布局由默认的2X2该为3X3为例进行说明。 在开发环境，选择“控制逻辑 > AI视频页面布局定义 > defineAIVideoFunc”，进入AI视频协同页面的功能样式脚本。 单击，禁用脚本。 修改视频布局默认值为3X3。 单击，在页面下方展示运行区域。

查看更多 →

华为乾坤APP功能持续上新中，如果示例界面和下载安装后APP的界面略有差异，请以软件实际安装的界面为准。 华为乾坤APP功能布局如表 功能布局所示。 表1 功能布局 序号 功能描述 1 所有代维租户的安全设备和网络设备统计信息。 单击安全设备图标，可以查看安全设备详细信息；暂不支持查看网络设备详细信息。

查看更多 →

图1 站点配置 表1 参数说明 参数 说明 布局模板 可选配置横向导航或侧导航。 布局内容 选择所关联的导航菜单。 布局宽度 按百分比缩放：门户布局将随浏览器窗口大小变化而缩放，建议取值为80%～100%。 固定宽度：设置门户布局的固定宽度，建议取值为1200～1920px。 工具栏

查看更多 →

图1 站点配置 表1 参数说明 参数 说明 布局模板 可选配置横向导航或侧导航。 布局内容 选择所关联的导航菜单。 布局宽度 按百分比缩放：门户布局将随浏览器窗口大小变化而缩放，建议取值为80%～100%。 固定宽度：设置门户布局的固定宽度，建议取值为1200～1920px。 工具栏

查看更多 →

新建页签参数说明 参数 参数说明 页签类型 选择导航页签的类型。 主页页签：用于展示个人任务相关的信息。 对象页签：关联一个对象的布局，将展示指定对象的某个布局页面。 标准页面页签：用于关联并展示一个标准页面。 高级页面页签：用于关联并展示一个高级页面。 BPM页签：用于关联并展示一个BPM。

查看更多 →

创建完成后，系统自动进入流程设计页面，可根据个人爱好，调整页面布局。 流程设计页面默认为纵向布局，单击主菜单中的“切换横向布局”，可将页面调整为横向布局，如图5。 图4 定时触发流程设计页面 图5 定时触发流程横向布局 设计定时触发流程。 选中开始节点（定时触发），如图6所示设置

查看更多 →

设置页面布局、对接业务数据等，即可构建AstroCanvas大屏&PC端/移动端页面，具体流程如图4所示。 图4 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍，请参见如何进行设置页面。 构思布局 根据大屏高保真设计或构思，划分基本布局，并拖拽对

查看更多 →

分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在表单设计页面，从“样式布局”中，拖拽“分段标题”组件至表单设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题：设置分段标题的内容，最多支持输入32个字符。 状态：设置字段的状态，如普通和隐藏。 普通

查看更多 →

高级管理 > 应用管理 > 添加 > 配置相关信息。 切换信息窗布局 SmartRooms新增信息窗布局，用户可以进入华为云会议管理平台的“会议室管理 > 高级管理 > 信息窗布局”中，根据自己的喜好设置信息窗布局。 添加外置显示设备 使用SmartRooms时支持添加外置显示设备。

查看更多 →

针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面 CSS 属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写 CS S代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。

查看更多 →

在下拉框中选择模板分类。 销量屏幕模板 屏幕模板描述 选填项。 对新建屏幕模板的说明。 家电销量屏幕模板 在“选择页面布局”页面，选择页面布局样式，这里以“流式布局”为例。单击“下一步：选择卡片”。 在“选择卡片”页面，单击勾选创建卡片创建的7张卡片，如图2所示。单击“下一步：消息联动设置”。

查看更多 →

在使用路由导航和路由视图组件时，当前使用该组件的页面和路由导航关联的页面布局类型必须为“流式布局”（即响应式布局，该布局下的Widget位置会随着Widget本身大小和页面大小自动调整）。在页面中，使用路由导航和路由视图组件的方法如下： 已开发好布局类型为“流式布局”的高级页面。 例如，已开发好“home”、

查看更多 →