检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。
属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择对应的属性。 在模型字段中，单击，进入选择模型页面。
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero
例如，先拖入一个栅格容器，将栅格容器用行列划分成小区域后，再向单元格中拖入其他组件。容器本身可以包含容器，也可以包含其他组件。 表单：具有数据收集、校验和提交功能的表单，通常用于制作带数据的交易类页面。
图5 弹性布局 为了方便说明弹性布局，向画布中拖拽一个“容器”组件，再向“容器”组件中拖入五个“容器”组件，将每个“容器”组件的宽度和高度设置为100px，并为每个“容器”组件设置不同的背景颜色，在每个“容器”中加入一个“标题”组件，分别显示A、B、C、D、E。
代理类型：对象实例的存储容器类型，支持OBS和MINIO。 代理名：在下拉框中，选择具体的连接器名称。 桶：存储对象的存储桶名，直接在下拉框中选择。 在服务编排中调用连接器 对象存储代理连接器创建完成后，可以在服务编排中调用存储代理连接器实现一系列功能。
分栏 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 在标准页面设计界面，从“基本组件”中，拖拽“分栏”组件至页面工作区域，如图1。
模态框 模态框作为一个模态对话框的容器，支持向模态框中拖入各种组件，用于在模态框弹出时，用户必须先响应模态框后，才能对其他对象进行操作的场景。
标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。
选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。 选择“包含”表示图片保持原有尺寸比例，可能会在容器内留有空白。 选择“覆盖”表示图片表示原有尺寸比例，宽高至少有一个和容器一致，可能会让图片部分区域不可见。
标准页面： UI组件：了解表单、容器、输入框、下拉框、级联选择框、标题和按钮组件的主要配置属性，为“表格”组件添加操作列。 UI组件：了解“可折叠容器”的主要配置属性，自定义“表格”组件中某字段的显示内容。 事件：动态加载页面内容、组件事件代码的编写。 模型：模型的类型和作用。
例如先拖入一个栅格容器，将栅格容器用行列划分成小区域后，再向单元格中拖入其他组件。容器本身可以包含容器，也可以包含其他组件。 表单：元数据表单。根据数据对象可生成表单。可用于制作带数据的交易类页面。 表格：元数据表格，用于展示对象记录。根据数据对象可生成表格。
选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。 选择“包含”表示图片保持原有尺寸比例，可能会在容器内留有空白。 选择“覆盖”表示图片表示原有尺寸比例，宽高至少有一个和容器一致，可能会让图片部分区域不可见。
在左侧组件区拖拽一个“容器”到3中创建的“容器”后（注意要在表单里面，两个容器在同级），并在右侧“属性”页签中将“水平对齐方式”修改为“中”，即居中对齐。
图3 拖拽一个空表单 拖拽1个“容器”到“表单”。 拖拽1个“分栏”到“容器”。 修改“分栏”为1栏（1行1列）。 图4 设置分栏为1行1列 选择“分栏”下的2次，新增2个分栏。 向前两个分栏，分别拖拽1个“输入框”组件，向第三个分栏中，拖拽一个“下拉框”组件。
属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。
属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。
保护企业已有投资 丰富的集成能力，支持原生容器服务接入，可快速复用并扩展既有资产，保护客户投资，最大化挖掘投资价值。 沉淀行业知识，快速复制 创新的业务资产沉淀机制，针对性沉淀行业资产，可快速在多个项目间复用和灵活扩展，解决产品与交付之间的矛盾，快速实现批量复制。
属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。
单击“设计视图”，切换到设计视图，从左侧组件列表中，拖一个“表单”组件到“表格容器”的最上部（表格容器内部最上部），在“元数据表单配置向导”弹窗中，单击“取消”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
