lowcode-engine/docs/docs/guide/appendix/setterDetails/style.md

title

title
StyleSetter

简介

通过开启StyleSetter,我们可以将样式配置面板来配置样式属性。

展示

setter 配置

属性名	类型	说明
unit	String	默认值 px
placeholderScale	Number	默认计算尺寸缩放 默认值为1
在没有设定数值的时候，系统会通过window.getComputedStyle来计算展示的数值。
在某些场景下，例如手机场景，在编辑器展示的是375的实际宽度，但是实际设计尺寸是750的宽度，这个时候需要对这个计算尺寸设成2
showModuleList	String[]	默认值
['background', 'border', 'font', 'layout', 'position']
分别对应背景、边框、文字、布局、位置五个区块，可以针对不同的场景按需进行展示。
例如文字的组件，我不需要修改边框的样式，就可以把边框模块隐藏掉
isShowCssCode	Boolean	默认值: true, 是否展示css源码编辑
layoutPropsConfig	Object	布局样式设置
layoutPropsConfig.showDisPlayList	String[]	默认值 ['inline', 'flex', 'block', 'inline-block', 'none']
可按需展示
layoutPropsConfig.isShowPadding	String	默认值 true
是否展示内边距 （四个边）
layoutPropsConfig.isShowMargin	Boolean	默认值 true
是否展示外边距 （四个边）
layoutPropsConfig.isShowWidthHeight	Boolean	默认值 true
是否展示宽高
fontPropsConfig	Object	文字样式设置
fontPropsConfig.fontFamilyList	Array	[
{ value: 'Helvetica', label: 'Helvetica' },
{ value: 'Arial', label: 'Arial' },
{ value: 'serif', label: 'serif' },
]
可以定制文字字体选项
positionPropsConfig	Object	位置样式设置
positionPropsConfig.isShowFloat	Boolean	默认true 是否展示浮动
positionPropsConfig.isShowClear	Boolean	默认true 是否展示清除浮动