V1.0.0
Skip to content

WDivider 组件

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

基础用法

API

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

path 支持说明

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

使用场景

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

注意事项

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