mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-11 04:37:30 +08:00
5d044045d8
* feat: Grid & Hbox 支持 gap, hAlign, vAlign 配置 * chore: vAlign 改成 valign, hAlign 改成 align, 并支持列上设置 valign * update snapshot
2.1 KiB
Executable File
2.1 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
HBox 布局 | 0 | ⚙ 组件 | HBox | 48 |
基本用法
[
{
"type": "hbox",
"className": "b-a bg-dark lter",
"columns": [
{
"type": "plain",
"text": "Col A",
"columnClassName": "wrapper-xs b-r"
},
"Col B"
]
},
{
"type": "hbox",
"className": "b-a m-t bg-dark lter",
"columns": [
{
"type": "plain",
"text": "w-md",
"columnClassName": "w-md wrapper-xs bg-primary b-r"
},
"..."
]
}
]
属性表
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"hbox" |
指定为 HBox 渲染器 |
className | string |
外层 Dom 的类名 | |
gap | 'xs' | 'sm' | 'base' | 'none' | 'md' | 'lg' |
水平间距 | |
valign | 'top' | 'middle' | 'bottom' | 'between' |
垂直对齐方式 | |
align | 'left' | 'right' | 'between' | 'center' |
水平对齐方式 | |
columns | Array |
列集合 | |
columns[x] | SchemaNode | 成员可以是其他渲染器 | |
columns[x].columnClassName | string |
"wrapper-xs" |
列上类名 |
columns[x].valign | 'top' | 'middle' | 'bottom' | 'between' |
当前列内容的垂直对齐 |