检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在线开发AstroZero高级页面自定义组件 操作场景 当AstroZero低代码平台提供的预置高级组件无法满足您的开发需求时，开发者可以自定义组件包，并上传到AstroZero中。自定义组件包上传到AstroZero中后，可在高级页面中使用。自定义组件的开发流程如下： 下载组件模板
会在DisplayWidget组件详情页进行相应的切换展示。 通过在线编辑器完善组件。 测试结果基本满足预期，但是由于图片尺寸不同，有些图片未能完全展示，还需优化。本例中向您介绍AstroZero平台提供的，在线组件开发工具。 单击组件详情页中的“编辑”，在跳转到的“组件编辑”页
图1 标题 显示名称：页面标题内容，可以设置为中文，也可以设置为英文。 标题大小：设置标题的大小。 标题位置：设置标题的位置。 字体颜色：设置标题的字体和颜色。 行数：标题占页面的行数。 属性：设置字段的属性，勾选“隐藏”后，页面上会隐藏该字段。 父主题： 零码组件介绍
数字背景色：数字所占格子的背景颜色。 数字间隔(px)：数字之间的间隔距离，取值范围为4~30px。 卡片内边距：整体数字和组件边框的内边距。 字体粗细：数字文本字体的粗细。 显示千分逗号：数值是否显示千分位逗号分隔符。 显示标题：是否显示翻牌器组件的标题。 标题内容：翻牌器组件的标题内容。当打开“显示标题”开关时，该参数才会出现。
在右侧设置“主题名称”，例如“按钮字体颜色为黄色”，单击页面右上方保存图标。 图3 设置主题名称 设置后，在租户库中会出现创建的主题“按钮字体颜色为黄色”。 图4 查看已创建的主题 打开标准页面，在右侧“库”中单击“新增库”，查找并引入主题库“按钮字体颜色为黄色”，单击“确定”。 图5
显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 排列方式：选项值的排列方式，如下拉、竖排、横排。 选项：选项设置。 打开“彩色”开关，选项值字体会不同颜色展示。 直接单击选项名，可设置具体选项值。 单击，可设置该选项值是否为默认值。 单击，调整选项顺序。 单击，可删除选项。 单击“新增选项”，可增加选项值。
显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 排列方式：选项值的排列方式，如下拉、竖排、横排。 选项：选项设置。 打开“彩色”开关，选项值字体会不同颜色展示。 直接单击选项名，可设置具体选项值。 单击，可设置该选项值是否为默认值。 单击，调整选项顺序。 单击，可删除选项。 单击“新增选项”，可增加选项值。
标签/标签文字样式/波浪上时文本颜色：在波浪下文本的颜色。 标签/标签文字样式/字体大小：标签的字体大小。 标签/标签文字样式/字体粗细：标签的字体粗细。 标签/标签文字样式/字体系列：标签的字体系列。 轮廓样式/是否展现：是否展现外部轮廓样式。 轮廓样式/颜色：外部轮廓的颜色，支持单色和渐变色设置。
图1 分段 显示名称：分段的说明文字，通常用于对下文做出说明、解释。 样式：分段的样式。 标题大小：设置标题的大小。 标题颜色：显示名称的字体颜色。 背景颜色：设置组件的背景颜色。 显示分割线：是否显示分割线。 属性：设置字段的属性，例如勾选“隐藏”后，页面上会隐藏该字段。 父主题：
当关闭“重复渲染”时，才可设置，表示单个水印在页面的水平起始位置。 垂直起始位置 当关闭“重复渲染”时，才可设置，表示单个水印在页面的垂直起始位置。 字体颜色 水印字体的颜色。 字体大小 水印字体的大小。 旋转角度 水印的旋转角度，取值范围-180~180，即逆时针或者顺时针旋转180度。 透明度 水印的透明度设置。
图例间隔：图例之间的间距。 小图标：图例的小图标形状。 文本样式设置/文本字体大小：图例文本字体的大小。 文本样式设置/文本颜色：图例文本的颜色。 文本样式设置/字体系列：图例文本的字体。 文本样式设置/字体粗细：图例文本字体的粗细。 文本样式设置/文字风格：图例文本的文字风格。 组件标题：设置组件的标题。
图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。 布局选项：提供了一些常见选项，用于设置应用布局。 启用页签栏：是否启用页签栏。 切换菜单时记录浏览器历史：切换菜单时，是否记录在浏览器历史中。
标题内容 > 文本颜色：设置指标内容的文本颜色。 标题内容 > 字体大小：设置指标内容的字体大小。 标题内容 > 字体粗细：设置指标内容的字体粗细，如正常、加粗等。 标题内容 > 字体系列：设置指标内容的字体。 标题内容 > 自动求和：指标是否自动求和。设置为自动求和时，此处
图例间隔：图例之间的间距。 小图标：图例的小图标形状。 文本样式设置/文本字体大小：图例文本字体的大小。 文本样式设置/文本颜色：图例文本的颜色。 文本样式设置/字体系列：图例文本的字体。 文本样式设置/字体粗细：图例文本字体的粗细。 文本样式设置/文字风格：图例文本的文字风格。 组件标题：设置组件的标题。
保存”，可给接口添加业务权限凭证。 预览测试接口。 在自定义接口列表中，单击接口所在行的，预览接口。 若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 图2 公共接口 图3 私有接口 单击接口URL后的，可查看接口的参数。 若为公共接口，单击
单击“编辑”，可给接口添加业务权限凭证。 预览测试接口。 在自定义接口列表中，单击接口所在行的，预览接口。 若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 单击接口URL后的，可查看接口的参数。 若为公共接口，单击“测试一下”，填写输入参数，单击
文本大小：设置指标内容的文本颜色。 字体大小：设置指标内容的字体大小。 字体粗细：设置指标内容的字体粗细。 字体系列：设置指标内容的字体系列。 自动求和：指标是否自动求和。 数值内容：开启自动求和后，数值内容不支持修改。 文本颜色：设置指标数值的文本颜色。 字体大小：设置指标数值的字体大小。 字体粗细：设置指标数值的字体粗细。
XX/detail”，加粗字体即用户ID。 例如，某业务用户详情页URL为“https://AstroZero域名/studio/index.html#/admin/portaluser/10gg000000mXXXXXXXXX/detail”，加粗字体即业务用户ID。 图1 用户详情页
位置选择：图例的位置。 小图标：图例的小图标形状。 文本样式设置/字体大小：图例文本字体的大小。 文本样式设置/文本颜色：图例文本的颜色。 文本样式设置/字体系列：图例文本的字体。 文本样式设置/字体粗细：图例文本字体的粗细。 文本样式设置/文字风格：图例文本的文字风格。 组件标题：设置组件的标题。
位置选择：图例的位置。 小图标：图例的小图标形状。 文本样式设置/字体大小：图例文本字体的大小。 文本样式设置/文本颜色：图例文本的颜色。 文本样式设置/字体系列：图例文本的字体。 文本样式设置/字体粗细：图例文本字体的粗细。 文本样式设置/文字风格：图例文本的文字风格。 组件标题：设置组件的标题。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
