检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
布局容器 布局容器的主要作用是控制其内部元素的排列和布局，确保界面的整洁有序和响应式设计。 在左侧组件区域，选择“布局容器”组件，并拖拽至设计区域，如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中，根据需求布局，选中组件可配置对应组件属性。 图2 设计布局
进阶实践-面试管理流程 本入门以创建一个面试管理流程为例，向您介绍如何使用AstroFlow中的子表单组件。子表单是一种高级的容器组件，支持在创建后向内部添加多种组件。例如，在填写个人简历表单时，需要录入多条工作经历，录入的数据类型相同，数据的行数不固定，但都属于同一种业务规则数
最大宽度的下限是769px，当设备的宽度小于769px时页面会自适应显示。 全局组件样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
单击“编辑展示内容”，在弹框中根据需求编辑所需图文信息。 图2 编辑图文展示内容 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
“居中对齐”和“底部对齐”。 图2 设置文本基础配置 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
自定义页面组件介绍 布局容器 图文展示 文本 动态文本 图片 按钮 分段标题 页签 备注 分割线 饼图 柱图 折线图 雷达图 漏斗图 数据表 父主题： 自定义页面管理
选中组件可配置对应页签下的组件属性。 图4 设置页签 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
自适应”和“拉伸填满”四种方式。 图3 设置填充方式 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
垂直对齐方式：设置文本内容的垂直对齐方式，支持“顶部对齐”、“居中对齐”和“底部对齐”。 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
百分比堆积：常用于比较不同类别的占比情况。 图6 设置柱图样式 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
当“按钮操作”选择““打开外部链接”时，输入以http(s)开头链接地址。 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
子表单 子表单是一种高级的容器组件，支持在创建后向内部加入多种组件。例如，在填写一份表单时，有时会录入多条相同类型的数据，这些数据的行数不固定，但都属于同一种业务规则数据，此时可以在表单中设计一个子表单来规范其录入。如在创建员工信息表中，添加多段工作经历，主表为员工信息表，子表单为员工多段工作经历。
左侧冻结列数：设置后允许固定表格左侧的一定数量的列，使得这些列在滚动页面时始终可见。 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
分割线样式：选择分割线的样式，如虚线、点线、双线或实线。 图2 设置分割线基础配置 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
标签内容为分析维度 值 图8 标签内容为分析维度 值 百分比 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
内容：输入需要显示的文字内容。输入内容不得超过512个字符。 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
某一类别的数据在不同类别中的占比情况。 图13 设置饼图样式 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
03:23 熟悉云容器引擎控制台 云容器引擎 CCE 熟悉云容器引擎控制台 04:34 熟悉云容器引擎控制台 云容器引擎 CCE 熟悉云容器引擎控制台 01:28 熟悉云容器引擎控制台 云容器引擎 CCE 熟悉云容器引擎控制台 05:22 熟悉云容器引擎控制台 进阶 云容器引擎 CCE 熟悉云容器引擎控制台
堆积折线图：通常用于比较不同组别之间的变化趋势。 图4 设置雷达图样式 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为20px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
标题颜色：设置分段标题内容的显示颜色。 背景颜色：设置分段标题样式的背景颜色。 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
