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