V1.0.0
Skip to content

WSpace 间距组件

间距组件,基于 WinDesignNext WSpace 封装,用于设置组件之间的间距。

基础用法

使用示例

水平间距

json
{
  "id": "space_001",
  "component": "WSpace",
  "direction": "horizontal",
  "size": "large",
  "children": ["button_001", "button_002"]
}

Props API

属性名类型默认值说明
idstring-组件唯一标识(必填)
componentstringWSpace组件类型(必填)
directionstring'horizontal'排列方向
sizestring | number | array'default'间距大小
alignmentstring'center'对齐方式
wrapbooleanfalse是否换行
fillbooleanfalse是否填充容器
fillRationumber100填充比例
spacerobject | string | number-自定义间隔元素
classstring | object | array-自定义类名
stylestring | array | object-自定义样式
childrenstring[]-子组件 ID 列表

path 支持说明

该组件属性均为静态配置,不支持 path 绑定。动态变更请使用 updateDataModelupdateProp

详见 path 数据绑定速查