对页面进行更深度的个性化布局定制。 基础布局设置 标准页面提了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为 CSS 中DIV的概念。DIV是层叠样式表中的定位技术，

查看更多 →

count(); 服务 服务模型由后台服务映射生成，当前支持与服务编排或脚本映射。关于服务模型的详细介绍，请参见服务编排和脚本。 参数根据后台服务的入参、出参，映射生成为inputParam和outputParam节点。 系统自动生成run方法 ，用于执行模型关联的服务编排或脚本。 $model

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

</div> </div> </div> </div> </div> </div> <div class="rightBox" v-if="yearData

查看更多 →

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

查看更多 →

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

查看更多 →

划线组成，且不能以下划线结尾。 CommodityDisplay 布局类型 选择高级页面的布局模式。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。 流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列，组件

查看更多 →

CS S 功能 通过CSS节点执行云搜索请求，实现在线分布式搜索功能。 参数 用户可参考表1和表2配置CSS节点的参数。 表1 属性参数 参数 是否必选 说明 节点名称 是 节点名称，可以包含中文、英文字母、数字、“_”、“-”、“/”、“<”、“>”等各类特殊字符，长度为1～128个字符。

查看更多 →

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

查看更多 →

<p>{{obj.content}}</p> </div> </div> </section> </div> 在commodityListWidget.css中，定义组件的样式。 其中，采用百分比调节单个商品宽度，并设置断点，通过@

查看更多 →

app-preview-video组件 HTML <div> <video class="preview-element" [poster]="item.cover" controls [style]="item.style" [src]="item.src"></video> </div> CSS 无。 JavaScript

查看更多 →

云搜索服务 CSS 创建集群 图1 创建集群 选择鲲鹏版本创建，4核8G内存，存储节点100GB，节点数量3个 图2 版本创建 设置密码，选择安全组，单击立即申请创建css集群 图3 设置密码 创建完成后如图所示 图4 创建完成 购买资源包，单击如图所示按钮购买折扣套餐 图5 购买资源包1

查看更多 →

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

查看更多 →

HTML <div> <p [style]="item.style" (click)="PreviewService.emit(item.event)" class="preview-element" > {{ item.text }} </p> </div> CSS .preview-element

查看更多 →

'card-vouchers'" [item]="item"></app-preview-card-vouchers> </div> </div> CSS .previews { position: relative; transform-origin: left top;

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

CSS部署 登录控制台 创建CSS 图1 CSS部署1 CSS集群配置，查看数据是否正常 图2 CSS部署2 父主题： RDS、CSS部署

查看更多 →