选择行业模板 选择模板的类型和模板，您可选择预览，对于模板进行查看。 图9 选择模板类型 选中模板后，单击“使用”按钮，进入模板设计器中搭建网站。 图10 使用模板 选择是否保留原网站数据后，单击“确定”即可。 图11 安装模板 父主题： 设置网站前台

查看更多 →

总体开发思路 渲染模板预览视图所需的数据保存在pages字段中。调用智能信息模板查询API接口获取pages字段，经多个前端组件开发后，即可渲染出适配于自用平台的预览视图。总体开发流程如图1所示。 图1 将模板数据渲染成预览视图的开发流程 关键阶段介绍 调用查询模板API，获取pages字段。

查看更多 →

边框 本章节主要介绍边框组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式，系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。

查看更多 →

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

查看更多 →

件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图2 卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。

查看更多 →

在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件模板”。 在组件模板页面，您可以查看到系统预置的几种Widget模板。 表1 组件模板列表 组件模板名称 功能 widgetVue3Template 自定义组件需要使用Vue库时，请选用该模板。 widgetPropertyTemplate

查看更多 →

CSS 功能 通过 CS S节点执行云搜索请求，实现在线分布式搜索功能。 参数 用户可参考表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

查看更多 →

当自定义组件需要通过桥接器调用后台数据时，请选用该模板。 widgetPageMacroTemplate 当需要使用页面宏来存储变量时，请选用该模板。 在组件模板列表中，单击“EchartsWidgetTemplate”，进入模板详情页。 图2 选择EchartsWidgetTemplate模板 单击“下载”，将

查看更多 →

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

查看更多 →

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;

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

width }" [src]="item1.src" alt="" /> </ swiperSlide > </ swiper> </div> CSS 无。 JavaScript 无。 父主题： 子组件代码示例

查看更多 →

参见如何实现组件交互。 操作步骤 下载组件模板。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在左侧导航栏中，单击，选择“高级页面 > 组件模板”。 低代码平台为您预置了，表1中Widget模板。 表1 组件模板列表 组件模板名称 功能 widgetVueTemplate

查看更多 →

}} </div> <div class="divButton_right" *ngIf="item.content.divButton[1]"> {{ item.content.divButton[1].textValue }} </div> </div> </div> CSS

查看更多 →

textValue"></div> </div> </div> <div class="ticketImage_tip" [innerHTML]="item.content.divTip.text.textValue"></div> </div> CSS .ticketImage

查看更多 →

{{headRightBottom}} </p> </div> </div> <div class="content_middle" [innerHTML]="item.content.divText.text5.textValue"></div> <div class="content_bottom">

查看更多 →

class="content-item-right-button"> {{ item1.divButton.textValue }} </div> </div> </div> </div> <div (click)="events(item.content.divButton)" *ngIf="item.content

查看更多 →