为了避免对外透露出的组件配置项过多,区块设置开放或隐藏某些配置项的设置面板。当您在区块中新增组件后,默认对外隐藏组件样式面板,需在区块配置项设置面板中将隐藏项打开,最终可在区块预览中才能看到该组件的样式设置。本文介绍区块配置项设置面板的功能。
前提条件:已创建一个区块,具体创建区块的方法,请参见创建空白区块。
配置项设置功能说明
在区块编辑器内,您可以在画布中添加一个或多个组件后,单击区块编辑器右上角的图标,在配置项设置页签中支持如下样式配置项设置操作。
操作 | 说明 |
---|---|
搜索关键字 | 在输入框内,自定义输入与组件相关的关键字,即可在面板中高亮显示所有相关关键字的配置项内容。 |
设置组件全量样式显隐 | 系统默认将组件及所有的配置项隐藏,您可以单击页签内组件右侧的图标,显示组件的所有样式面板内容。 说明 再次单击图标,即可隐藏组件样式面板。
|
设置组件指定样式配置项显隐 | 您可以单击左侧树的图标,逐级打开组件的样式配置目录树面板。在某个需要设置隐藏的配置项处,单击配置项右侧的图标,即可隐藏该配置项内容。 说明 再次单击图标,即可显示该配置项内容。
|
定位配置项预览 |
|
可视化应用中查看并使用样式面板
在区块编辑器中设置完组件配置项后,您可以在画布编辑器中使用区块时,查看到区块的所有样式信息,具体在可视化应用中配置并查看样式信息的步骤如下。
- 单击区块编辑器页面右上角的图标预览区块。
- 在预览页面,单击样式面板,可以查看区块内组件的所有样式内容,并可以在样式面板内配置区块不同组件的样式配置项。
- 在区块编辑器中,对配置的组件样式内容进行预览后,单击发布区块,详情请参见预览区块和发布区块。
- 切换到控制台上的我的可视化页面,将鼠标悬浮至一个可视化应用上方,单击编辑进入画布编辑器。
- 单击图标展开全部资产列表,选择区块模块,在区块列表内可查看到发布后的所有区块内容。
- 单击所需区块,即可添加该区块到画布编辑器中。
- 单击选中画布中的区块,在右侧配置面板中选择配置页签,即可查看该区块的配置面板中的所有样式配置信息,您可以参见组件指南,修改区块的配置项内容。