mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-03 12:38:53 +08:00
8676fc95ab
* 页面的区域可以固定配置,而不是根据内容自动 * chore: grid 删掉一些没用的属性 * rm console.log
2.1 KiB
Executable File
2.1 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
Grid 水平布局 | 0 | ⚙ 组件 | Grid 组件 | 46 |
基本用法
[
{
"type": "grid",
"className": "b-a bg-dark lter",
"columns": [
{
"type": "plain",
"text": "md: 3",
"md": 3,
"className": "b-r"
},
{
"type": "plain",
"text": "md: 9",
"md": 9
}
]
},
{
"type": "grid",
"className": "b-a m-t bg-dark lter",
"columns": [
{
"type": "plain",
"text": "mdOffset: 3",
"mdOffset": 3
}
]
}
]
属性表
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"grid" |
指定为 Grid 渲染器 |
className | string |
外层 Dom 的类名 | |
columns | Array |
列集合 | |
columns[x] | SchemaNode | 成员可以是其他渲染器 | |
columns[x].xs | int |
宽度占比: 1 - 12 | |
columns[x].columnClassName | 列类名 | ||
columns[x].sm | int |
宽度占比: 1 - 12 | |
columns[x].md | int |
宽度占比: 1 - 12 | |
columns[x].lg | int |
宽度占比: 1 - 12 |
更多使用说明,请参看 Grid Props