mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-12 11:55:21 +08:00
0ba4f50f70
* feat:divider支持带文字配置 * feat: divider支持带文字配置 * feat: divider支持带文字配置 --------- Co-authored-by: zhaowenli <zhaowenli@baidu.com>
1.9 KiB
Executable File
1.9 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
Divider 分割线 | 0 | ⚙ 组件 | Divider 分割线 | 42 |
基本用法
{
"type": "divider"
}
不同样式
[
{
"type": "divider",
"lineStyle": "solid"
},
{
"type": "divider",
"lineStyle": "dashed"
}
]
带标题的分割线
3.5.0
及以上版本
[
{
"type": "divider",
"title": "Text",
"titlePosition": "left"
},
{
"type": "divider",
"title": "Text",
"titlePosition": "center"
},
{
"type": "divider",
"title": "Text",
"titlePosition": "right"
}
]
属性表
属性名 | 类型 | 默认值 | 说明 | 版本 |
---|---|---|---|---|
type | string |
"divider" 指定为 分割线 渲染器 |
||
className | string |
外层 Dom 的类名 | ||
lineStyle | string |
solid |
分割线的样式,支持dashed 和solid |
|
direction | string |
horizontal |
分割线的方向,支持horizontal 和vertical |
3.5.0 |
color | string |
分割线的颜色 | 3.5.0 |
|
rotate | number |
分割线的旋转角度 | 3.5.0 |
|
title | SchemaNode | 分割线的标题 | 3.5.0 |
|
titleClassName | string |
分割线的标题类名 | 3.5.0 |
|
titlePosition | string |
center |
分割线的标题位置,支持left 、center 和right |
3.5.0 |