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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中，通过

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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;

查看更多 →

控制组件的大小和位置，详情请参见pages[0].content。 编写父组件的HTML和CSS。 在app-preview父组件中，定义一个类名为previews的div作为模板容器。再定义一个div容器，用来容纳遍历content数组获取的每个item对象。具体代码请参见父组件代码示例。

查看更多 →

类型。 CSS定义了以下可以在SCP的Resource元素中使用的资源类型。 表3 CSS支持的资源类型 资源类型 URN cluster css:<region>:<account-id>:cluster:<cluster-id> 条件（Condition） CSS服务不支持在SCP中的条件键中配置服务级的条件键。

查看更多 →

云搜索服务 CSS CSS集群启用安全模式 CSS集群启用快照 CSS集群开启磁盘加密 CSS集群启用HTTPS CSS集群绑定指定VPC资源 CSS集群具备多AZ容灾 CSS集群具备多实例容灾 CSS集群不能公网访问 CSS集群支持安全模式 CSS集群未开启访问控制开关 CSS集群Kibana未开启访问控制开关

查看更多 →

innerHTML为插入html片段的指令 [innerHTML]="item.text" ></p> </div> }) CSS .text-element { overflow: hidden; overflow-y: auto; white-space:

查看更多 →

ActionTypes.VIEW_PIC" (click)="PreviewService.emit(item.event)" /> </div> }) CSS 无。 JavaScript import { ActionTypes } import { PreviewService } //

查看更多 →