使用高级编辑,能够高自由度地调整组件样式。
对多项目复合组件使用Ctrl+Enter键,或在其右键菜单中,选择“高级编辑”,即可打开高级编辑器。
高级编辑器由三大部分构成:预览界面、组件元素和组件状态。
预览界面
预览界面中展示了复合组件的基本构成元素,对元素属性进行调整,会实时在此处进行效果展示。
使用Ctrl+滚轮,可以对元素进行缩放。
组件元素
不同的组件的组成方式不同,可调整的元素也不同。在元素栏中选中元素,就可以对其进行属性调整。
组件状态
切换状态,可以设置选项在不同状态时的属性样式,如默认、选中、悬停。对元素状态设置的属性,会直接应用到组件中所有该状态的元素上。
请注意:调整样式后,需要点击右上角的“√”才会将样式应用到组件上;点击“×”,则样式调整不会生效。