检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“Elements”页签，单击左边选择器。 在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload File”的字体颜色或改变DOM结构。 图7 调试DOM及样式 父主题： 标准页面
自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
式、水平排列方式以及分栏间隔。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
值配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 图5 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
禁用：是否禁用该组件。 只读：值是否只读。 样式 图片宽度：设置图片的宽度和高度，单位为px。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
> 展示溢出文本：允许文本超出组件的容器。 高级设置 在高级设置中，选择设置的文本内容，在出现的配置弹窗中，可进行是否加粗、是否倾斜、字号、字体、文本颜色、背景颜色、对齐方式等配置。 图3 编辑器中文本配置 另外，若需要在文本中设置变量，变量值来自文本组件数据桥接器中的配置。若配置
角、数值显示）进行一系列配置。单击“+”，可添加数据系列。如何设置数据系列，请参见如何设置数据系列。 通用柱状图颜色：选项为“单色”或“渐变色”，选择颜色可改变柱状条的颜色。 定制柱条颜色：自定义柱状条颜色。 柱形图宽度：柱状条宽度，默认为20px。 柱条边框圆角：柱状条边框圆角
大值最小值标注和平均值标线等）进行一系列配置。数据系列配置可参考设置数据系列。单击“+”，可添加数据系列。 线条颜色：选项为“单色”或“渐变色”。选择颜色可改变线条的颜色。 折线宽度：折线的宽度。 折线不透明度：折线的不透明度设置，取值为“0”时折线全透明（即隐藏），“100”为全部显示。
、选项列表、错误码和业务权限凭证等。 应用布局是对应用界面外框的设置，包括菜单、页签等。通过应用布局，可以为应用设置不同的主题，更改框架的字体样式和颜色。 配置应用布局 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 单击页面左上角的，选择“环境管理 > 业务配置中心”，进入业务配置中心。
例如，修改按钮组件的样式，在左侧选择“按钮”组件，在中间区域直接修改界面参数设置样式。 鼠标悬浮在界面参数上，会有参数说明。 在右侧设置“主题名称”，例如“按钮字体颜色为黄色”，单击页面右上方保存图标。 设置后，在租户库中会出现创建的主题。 图8 查看库 打开标准页面，在右侧“库”中单击“新增库”，查找并引入主题库，单击“确定”。
自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
面板对页面进行更深度的个性化布局定制。 图片宽度：设置图片的宽度和高度，支持的单位有px和%。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。
、边框和字体大小等，固定宽度容易破坏响应式布局。为了布局更加灵活，推荐使用百分比、em或rem等相对单位，这样可以保证浏览器字体大小调整和缩放时，能正常显示。常用相对单位，如表2所示。 表2 常用相对单位 单位 说明 em 在font-size中，使用相对于父元素的字体大小，在其
布局：选择“布局”中的样式（“菜单显示为左侧”等），在右侧“样式设置”区域设置布局参数，包括默认、鼠标悬浮、激活状态下应用顶部、应用标题、菜单、子菜单、页签的字体、字号及背景色等。 布局选项：勾选是否启用页签栏、是否默认折叠菜单、是否全屏、是否禁用应用切换（禁用后，在运行态Portal中单击左上角应用图标，不会再弹出切换应用的界面）等。
禁用：是否禁用该组件。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。
的。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。
数字背景色：数字所占格子的背景颜色。 数字间隔(px)：数字之间的间隔距离，取值范围为0~30px。 卡片内边距：整体数字和组件边框的内边距。 字体粗细：数字文本字体的粗细。 显示千分逗号：数值是否显示千分位逗号分隔符。 显示标题：是否显示翻牌器组件的标题。 标题内容：翻牌器组件的标题内容。当打开“显示标题”开关时，该参数才会出现。
该组件是否隐藏，这种动态设置优先级是最高的。 样式 表格宽高：设置表格的宽度和高度。 布局：设置表格显示样式、内外边距、宽高。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代
的。 样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持的单位有px、em和%。 阴影：设置阴影颜色、模糊、扩散等，支持的单位有px、em和%。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
