V1.0.0
Skip to content

WDivider 组件 ​

分割线组件,基于 WinDesignNext Divider 封装,用于分隔内容区域,支持水平/垂直方向及带文字的分割线。

基础用法 ​

API ​

属性类型默认值说明
componentstringWDivider组件类型(必填)
directionstringhorizontal方向:horizontal / vertical
contentPositionstringcenter文字位置:left / center / right
borderStylestringsolid边框样式
childstring—分割线上文字子组件 ID

path 支持说明 ​

WDivider 为纯布局/展示组件,属性均为静态配置,不支持 path 数据绑定。动态变更请使用 updateComponents 或 updateProp。

使用场景 ​

场景推荐配置
内容区块分隔默认 direction: "horizontal"
带标题分组contentPosition: "left" + child 引用 Text
行内垂直分隔direction: "vertical",配合 WRow/WCol

注意事项 ​

  • 垂直分割线需在 flex 布局容器中使用(如 WRow)
  • 带文字分割线通过 child 引用 Text 等子组件,而非 description 属性