WDivider 组件
分割线组件,基于 WinDesignNext Divider 封装,用于分隔内容区域,支持水平/垂直方向及带文字的分割线。
基础用法
API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
component | string | WDivider | 组件类型(必填) |
direction | string | horizontal | 方向:horizontal / vertical |
contentPosition | string | center | 文字位置:left / center / right |
borderStyle | string | solid | 边框样式 |
child | string | — | 分割线上文字子组件 ID |
path 支持说明
WDivider 为纯布局/展示组件,属性均为静态配置,不支持 path 数据绑定。动态变更请使用 updateComponents 或 updateProp。
使用场景
| 场景 | 推荐配置 |
|---|---|
| 内容区块分隔 | 默认 direction: "horizontal" |
| 带标题分组 | contentPosition: "left" + child 引用 Text |
| 行内垂直分隔 | direction: "vertical",配合 WRow/WCol |
注意事项
- 垂直分割线需在 flex 布局容器中使用(如 WRow)
- 带文字分割线通过
child引用 Text 等子组件,而非description属性