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

查看更多 →

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

查看更多 →

右上方会出现问号图标，单击该图标会出现该基本组件的使用说明。 表1 基本组件分类说明 分类 说明 布局 用于控制页面的布局，即将页面划分为几行几列。例如，先拖入一个栅格容器，将栅格容器用行列划分成小区域后，再向单元格中拖入其他组件。容器本身可以包含容器，也可以包含其他组件。 表单

查看更多 →

行更新配置。 查看布局 在需要查看的布局上，单击“更多 > 详情”，可以查看该布局详情。 下载布局 在需要下载的布局上，单击“更多 > 下载”，可以下载该布局至本地。 删除布局 在需要删除的布局上，单击“更多 > 删除”，可以删除该布局。 说明： 删除后的布局会放入回收站，回收站会保存近60天的删除数据。

查看更多 →

工作区域即是编辑页面内容区域以及页面视图区，主要的页面布局设计操作区域，完成对页面具体布局、组件放置等操作。 设计视图：页面默认视图，此视图下，可以在页面内容中，通过拖拉拽的方式对需要在页面布局中展示的组件元素进行编排，所有组件视图化，所见即所得，让您快速构建您需要的页面布局。页面右上角“外层容器”开关，可快速呈现外层容器和范围。

查看更多 →

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

查看更多 →

在仪表板编辑页面，单击页面右上角“格栅设置”。 在页面设置页面，设置栅格列数、列间距、行间距、页面边距等配置项，参数说明请参见表4。 配置完成后，单击“保存”保存仪表板。 表4 栅格参数说明 参数 说明 栅格列数 设置栅格的列数，支持和来设置列数，也支持输入设置。 列间距 设置栅格的列间距，单位为px，支持和来设置列间距，也支持输入设置。

查看更多 →

栅格数据处理 打开 SuperMap iDesktop 图1 打开 在数据的数据处理选项卡下面选择重分级，选择源数据，设置参数 图2 设置参数 执行完成后在数据源下面新生成数据集result_reclass 图3 新生成数据集 在数据的数据处理选项卡下面选择重采样，选择源数据，设置参数采样模式

查看更多 →

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

查看更多 →

矢量、栅格、模型文件导入 打开 SuperMap iDesktop 图1 打开 创建PostgreSQL数据源 图2 创建 打开文件型数据源 图3 打开 右键复制数据集按钮，选中栅格、影像、矢量、模型数据集 图4 复制 选择PostgreSQL数据源，单击复制按钮 图5 选择 打开PostgreSQL数据源，浏览地图

查看更多 →

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

查看更多 →

Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于 域名 分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。

查看更多 →

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

查看更多 →

行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 绝对布局高级页面 创建绝对布局类型的高级页面。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在模块树中，将鼠标放在某个文件夹上，单击加号，选择“高级页面”。 设置高级页面标签和名称，布局类型选择“绝对布局”，单击“添加”。

查看更多 →

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

查看更多 →

“查看”按钮，可进入英文版网站设计页面。 在设计页面将其中的中文文字修改为英文即可。 图4 设计语言版本内容 如果您想搭建全新的英文网站，请开启语言版本后，单击“保存”。 图5 搭建全新的英文网站 在对应的操作列单击“查看”，进入英文版网站设计页面。 单击“更换模板”按钮，挑选并

查看更多 →

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

查看更多 →

View）”上绑定数据模型，且数据类型必须为数组，如果要使用分页功能，分页组件需放在最外层“列表视图（List View Container）”内。 在标准页面设计界面，从“基本组件 > 布局”中，拖拽“列表视图”组件至页面工作区域，如图1。 图1 列表视图 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。

查看更多 →

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

查看更多 →

设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-m

查看更多 →

运行态界面布局 使用说明 在配置完整个BPM图元及流程后，还可以根据需要选择性的配置BPM运行态界面布局。 操作步骤 参考登录经典应用设计器中操作，登录经典版应用设计器。 将鼠标放在某个文件夹上，单击加号，选择“BPM”，去创建一个BPM。 图1 创建一个BPM 在BPM开发设计页面，选中空白区域，在右侧配置界面选择。

查看更多 →