检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何刷新AstroZero对象的页面布局？ 场景描述 对象的标准页面提供了Button元素，可以通过定义Button来配置执行脚本，通过脚本刷新页面。 解决方法 参考什么是对象中操作，进入对象配置页面。 图1 进入对象配置页面 在标准页面，单击，获取锁。
流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 绝对布局高级页面 创建绝对布局类型的高级页面。
高级布局设置：针对有丰富前端开发经验的用户，通过“样式”面板对页面进行更深度的个性化布局定制。 基础布局设置 标准页面提了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。
图2 设置图标 布局：选择“布局”中的样式（“菜单显示为左侧”等），在右侧“样式设置”区域设置布局参数，包括默认、鼠标悬浮、激活状态下应用顶部、应用标题、菜单、子菜单、页签的字体、字号及背景色等。
布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。 布局选项：提供了一些常见选项，用于设置应用布局。 启用页签栏：是否启用页签栏。 切换菜单时记录浏览器历史：切换菜单时，是否记录在浏览器历史中。
在左侧导航栏中，选择“应用布局”。 只有App和Addon类型的应用，才会显示“应用布局”和“菜单配置”。 在应用布局页面，设置应用布局的样式。 图1 设置应用布局样式 主题颜色：设置应用的主题颜色，系统预置了很多主题供您选择。
在运行态配置页面的“BPM布局”区域，单击实例详情后的，可编辑BPM运行态布局。 图4 编辑BPM运行态布局 在编辑布局页面，支持修改“实例基本信息”、“当前任务”、“流程历史”的运行态显示标题，还可以编辑“流程历史”中需要显示的列。 单击编辑器上方的，保存BPM。
根据layout_id查询对象布局 功能介绍 按照layout_id查询对象布局。
根据object_id新增布局 功能介绍 按object_id新增对象布局。可以通过layout可视化各字段值，在新建字段时，把字段添加到具体某个layout中可以可视化这个字段。
在“BPM布局”中，单击实例详情后的，可编辑工作流运行态布局。 在编辑布局页面，可以修改“实例基本信息”、“当前任务”和“流程历史”的运行态显示标题，还可以编辑“流程历史”中需要显示的列。 图2 编辑布局 设置完成后，单击工作流设计页面上方的，保存工作流。
首次创建高级页面时，会出现视图选项，请勾选“电脑端”和“手机端”，布局类型选择“流式布局”（流式布局为自适应布局）。
图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。
图1 页面预览效果 使用预置的路由导航和路由视图组件 在使用路由导航和路由视图组件时，该组件的页面和路由导航关联的页面布局类型必须为“流式布局”（即响应式布局，该布局下的Widget位置会随着Widget本身大小和页面大小自动调整）。
根据object_id查询对象布局 功能介绍 按照object_id查询对象布局。
对象的布局页面也是通过标准页面实现的，所以可以通过查看对象的布局页面，了解标准页面URL的定义规则。具体步骤如下： 进入对象详情页面，选择“布局”。 图1 对象的布局页面 在对象列表中，单击对应对象后的查看图标。 图2 查看对象 在预览页面，即可查看到URL。
流式布局：在流式布局下，拖拽到页面中的组件将根据从上到下、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。该布局常用于常规Web应用开发，例如电商网站、管理网站等等。 搭建高级页面。 在高级页面开发界面，单击，打开组件列表。
to="{name: 'page1', params: {id: 1}}">{{$t("router.page1")}}</router-link> <router-link :to="{name: 'page2', params: {id: 2}}">{{$t("router.page2
流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 开发高级页面。
图6 流式布局中组件为块级元素 流式布局中，组件由上至下依次排布，可以通过“水平对齐方式”对容器内组件进行水平位置调整，如图7、图8所示。 图7 居中水平对齐 图8 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后，布局由流式布局切换到弹性布局。
流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
