布局容器 布局容器的主要作用是控制其内部元素的排列和布局，确保界面的整洁有序和响应式设计。 在左侧组件区域，选择“布局容器”组件，并拖拽至设计区域，如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中，根据需求布局，选中组件可配置对应组件属性。 图2 设计布局

查看更多 →

操作 说明 编辑布局 在需要编辑的布局上，单击“编辑”，可以编辑布局，对其进行更新配置。 查看布局 在需要查看的布局上，单击“更多 > 详情”，可以查看该布局详情。 下载布局 在需要下载的布局上，单击“更多 > 下载”，可以下载该布局至本地。 删除布局 在需要删除的布局上，单击“更多

查看更多 →

进入目标工作空间管理页面 在左侧导航栏选择“安全编排 > 页面布局”，默认进入页面布局管理页面。 图2 进入布局管理页面 在布局管理页面，查看已有布局。 将鼠标悬停在目标布局上，并单击布局右上角，可以进入布局配置详情页面进行查看。 父主题： 页面布局管理

查看更多 →

页面布局管理 查看已有布局模板 查看已有布局 父主题： 安全编排

查看更多 →

图2 流式布局中组件为块级元素 流式布局中，组件由上至下依次排布，可以通过“水平对齐方式”对容器内组件进行水平位置调整，如图3、图4所示。 图3 居中水平对齐 图4 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后，布局由流式布局切换到弹性布局，弹性布局的相关配

查看更多 →

布局”，单击“添加”。 图1 新建绝对布局类型高级页面 开发绝对布局类型的高级页面。 以开发如下所示高级页面为例，向您介绍绝对布局类型高级页面中组件的布局方法。 图2 绝对布局类型高级页面组件布局示例 如上图所示，示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方，单击，设置背景图片。

查看更多 →

外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高

查看更多 →

布局属性 操作场景 本文指导您在应用运行态布局属性。 前提条件 已登录应用运行态。 操作步骤 在左侧导航栏中，选择“数据模型管理 > 分类”，进入“分类”页面。 单击需要操作的节点。 在展开的页面，选择“属性布局”页签，并根据实际业务需求，对属性进行布局。 图1 属性布局 表1 属性布局

查看更多 →

自定义布局 客户可以根据自身实际需要开启/关闭开关，控制对应卡片的显示/隐藏，也可调整卡片的展示顺序，实现对概览页面的自定义布局。 操作步骤 选择“账单管理 > 账单概览”，单击页面右上角的“自定义布局”。 进入“自定义布局”页面。 根据需要设置打开或关闭卡片开关，调整卡片在账单概览页面的展示顺序，单击“确定”。

查看更多 →

为了便于搜索高级页面，可以在此处自定义一些关键字。 布局类型 在AstroZero中创建高级页面时，提供了两种布局模式的页面布局供您选择，请按需进行选择。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局：在流式布局中，拖拽到页面中的

查看更多 →

主题颜色：系统预置了很多主题供您选择。 图标：鼠标放在“图标”下的图片上，选择“更改”，上传新图片，可更改应用Logo，同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局：选择“布局”中的样式（“菜单显示为左侧”等），在右侧“样式设置”区域设置布局参数，包括默认、鼠标悬浮、激活状态下应用顶部、应

查看更多 →

查询多画面布局 功能介绍 该接口用于查询当前会议已保存的多画面布局。 调试 您可以在 API Explorer 中调试该接口。 URI GET /v1/mmc/control/conferences/layOut 表1 Query参数 参数 是否必选 参数类型 描述 conferenceID

查看更多 →

在“布局与颜色”页签，设置应用布局样式。 主题颜色：系统预置的主题颜色。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。

查看更多 →

进入目标工作空间管理页面 在左侧导航栏选择“安全编排 > 布局管理”，进入布局管理页面后，选择“模板”页签，进入布局模板页面。 图2 进入布局模板页面 在布局模板页面，查看模板信息。 可以通过“布局类型”、“页面类型”，并输入关键字来搜索指定布局模板。 可以查看当前已有模板的名称、页面类型、创建时间等信息。

查看更多 →

单击，在运行态配置页面的“实例显示名”中，可配置BPM运行后，BPM实例在运行态的显示名。 在运行态配置页面的“BPM布局”区域，单击实例详情后的，可编辑BPM运行态布局。 图4 编辑BPM运行态布局 在编辑布局页面，支持修改“实例基本信息”、“当前任务”、“流程历史”的运行态显示标题，还可以编辑“流程历史”中需要显示的列。

查看更多 →

保存多画面布局 功能介绍 该接口用于保存多画面布局。保存的多画面布局，只能在当前会议使用，会议结束后，保存的多画面布局就会释放。 调试 您可以在API Explorer中调试该接口。 URI PUT /v1/mmc/control/conferences/layOut 表1 Query参数

查看更多 →

删除多画面布局 功能介绍 该接口用于删除当前会议已保存的多画面布局。 调试 您可以在API Explorer中调试该接口。 URI DELETE /v1/mmc/control/conferences/layOut 表1 Query参数 参数 是否必选 参数类型 描述 conferenceID

查看更多 →

分别进行设计与开发。 图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整

查看更多 →

页面加载时长=网络耗时+DOM解析+资源加载。 访问时间 访问页面的时间。 累计布局偏移 累计布局偏移(CLS)会衡量在网页的整个生命周期内发生的所有意外布局偏移的得分总和。 绘制延迟 绘制延迟(INP)它是一种网站性能度量指标，用于衡量用户界面的响应性，即网站对用户的交互（如点击或按键）作出反应的速度。(默认

查看更多 →

自定义方案参数 界面区域 参数 说明 页面布局 布局模板 可选择布局模板。 页面背景图 用户门户的页面背景。推荐图片尺寸1920*1080。可在页面背景图参考中任选一个，也可以上传需要的背景图片。 页面背景图参考 页面背景图选择的范围。上传的图片也会展示在这里。 页面背景色 页面背景的颜色，支持自定义。

查看更多 →

样能更好的自适应电脑端和移动端设备。 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整

查看更多 →