-
分栏
![]()
分栏 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 在表单开发页面，从“基础组件”中拖拽“分栏”组件至表单设计区域，并在设计好“分栏”属性后，拖拽其他组件（如输入框、下拉框等）至每一个分栏中，如图1。
来自：帮助中心 -
分栏
![]()
分栏 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 在标准页面设计界面，从“基本组件”中，拖拽“分栏”组件至页面工作区域，如图1。 图1 分栏 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
来自：帮助中心 -
标准页面布局
![]()
。 图13 分栏组件 “分栏”组件右侧属性配置面板的“行布局”中，可以选择“分栏”组件在PC端和移动端下“栏”的布局形式。“PC”属性中可以依据图示选择“分栏”组件，在PC端包含多少个“栏”。 为了方便说明，如何使用“分栏”组件实现自适应布局，向画布中拖拽一个“分栏”组件，在“P
来自：帮助中心 -
组装“业务用户注册”页面
![]()
拖拽一个空表单 拖拽1个“容器”到“表单”。 拖拽1个“分栏”到“容器”。 修改“分栏”为1栏（1行1列）。 图4 设置分栏为1行1列 选择“分栏”下的2次，新增2个分栏。 向前两个分栏，分别拖拽1个“输入框”组件，向第三个分栏中，拖拽一个“下拉框”组件。 图5 拖拽输入框、下拉框
来自：帮助中心 -
组装“派单”对话框
![]()
拖拽一个“分栏”到表单中。 选中“分栏”，在右侧单击PC下的单行图标，修改分栏为1栏，再单击“新增行”的，修改为2个分栏，每个分栏中有1栏。 图2 设置分栏为1栏 在第1个分栏中拖入一个“输入框”，在第2个分栏中拖入一个“下拉框”。 图3 拖入输入框、下拉框到分栏 选中“输入框
来自：帮助中心 -
设置AstroZero标准页面分栏组件属性
![]()
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
来自：帮助中心 -
组装“待处理工单”页面
![]()
，然后单击分栏的7次，新增7个分栏，新增后，变为8个分栏。 向第1~7分栏中，分别拖拽2个“标签”组件（并排），然后在第8分栏中，拖入一个“按钮”组件。 修改第1分栏中的第1个标签的“文本内容”修改为“标题：”。 图9 修改第1个标签标题 重复上一步，修改第2~7分栏中的第1个标
来自：帮助中心 -
平台标准组件介绍
![]()
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格（新） 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题： 标准页面
来自：帮助中心 -
Web前台开发
![]()
/> </div> ... </div> <div class="customer-info-col"> <div class="title">Bill History</div> <div class="echarts"
来自：帮助中心 -
app-preview-ticketImage组件
-
app-preview-moreGoods组件
-
基础组件
![]()
输入框 多行输入框 日期选择框 日期范围选择框 数字输入框 复选按钮 单选按钮 下拉单选 下拉多选 评分 开关 按钮 标签 标题 链接 容器 分栏 富文本 子表 成员 文件上传 图片上传 视频上传 二维码 级联选择 页签 折叠面板 文本加密 部门 父主题： 组件介绍
来自：帮助中心 -
app-preview-card-voucher组件
![]()
{{headRightBottom}} </p> </div> </div> <div class="content_middle" [innerHTML]="item.content.divText.text5.textValue"></div> <div class="content_bottom">
来自：帮助中心 -
创建自定义标准组件
![]()
Records页面 拖入分栏组件到页面中，并在分栏组件的“属性 > 样式 > 布局”宽度设置为240像素，如图21调整分栏组件所示。 关于分栏组件的详细介绍请参见分栏。 图22 调整分栏组件 将自定义组件“imgButton”拖入到“分栏 > 栏”中，分别拖入到分栏的两个栏中，如图22拖入自定义组件所示。
来自：帮助中心 -
app-preview-eCommerce组件
![]()
}} </div> <div class="divButton_right" *ngIf="item.content.divButton[1]"> {{ item.content.divButton[1].textValue }} </div> </div> </div> CSS
来自：帮助中心 -
app-preview-card-vouchers组件
![]()
class="content-item-right-button"> {{ item1.divButton.textValue }} </div> </div> </div> </div> <div (click)="events(item.content.divButton)" *ngIf="item.content
来自：帮助中心 -
SafeUtils安全工具类预置API一览表
![]()
display: none;"> <div data-v-a7e06658="" class="page-view-header-bottom" style="top: -11px;"></div></div> 返回值经过xss转义后则为： <div data-v-a7e06658=""
来自：帮助中心 -
手动播放
![]()
</head> <body> <div class="preview_player"> <div id="preview" class="preview_player_el"></div> <div class="unmute_mask" id="unmute-mask">
来自：帮助中心 -
{widget}.ftl
![]()
部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题： 目录文件详解
来自：帮助中心 -
高级页面
![]()
-
自动播放失败监听
![]()
</head> <body> <div class="preview_player"> <div id="preview" class="preview_player_el"></div> <div class="unmute_mask" id="unmute-mask">
来自：帮助中心
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
