mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 03:58:07 +08:00
137 lines
3.8 KiB
JavaScript
137 lines
3.8 KiB
JavaScript
export default {
|
|
"$schema": "https://houtai.baidu.com/v2/schemas/page.json#",
|
|
"title": "HBox & Grid",
|
|
"type": "page",
|
|
"body": [
|
|
{
|
|
"type": "plain",
|
|
"tpl": "Grid 请参考 bootstrap 的 grid 布局",
|
|
"inline": false,
|
|
"className": "h3 m-b-xs"
|
|
},
|
|
{
|
|
"type": "grid",
|
|
"columns": [
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "sm-2",
|
|
"sm": 2,
|
|
"className": "bg-info",
|
|
"inline": false
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "sm-4",
|
|
"sm": 4,
|
|
"className": "bg-success",
|
|
"inline": false
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "sm-6",
|
|
"sm": 6,
|
|
"className": "bg-primary",
|
|
"inline": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "plain",
|
|
"tpl": "Hbox",
|
|
"inline": false,
|
|
"className": "h3 m-t m-b-xs"
|
|
},
|
|
{
|
|
"type": "hbox",
|
|
"columns": [
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "平均分配",
|
|
"className": "bg-info",
|
|
"inline": false
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "平均分配",
|
|
"className": "bg-success",
|
|
"inline": false
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "平均分配",
|
|
"className": "bg-primary",
|
|
"inline": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "plain",
|
|
"tpl": "Hbox 部分定宽",
|
|
"inline": false,
|
|
"className": "h3 m-t m-b-xs"
|
|
},
|
|
{
|
|
"type": "hbox",
|
|
"columns": [
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "w-xs",
|
|
"className": "bg-info",
|
|
"inline": false,
|
|
"columnClassName": "w-xs"
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "w-sm",
|
|
"className": "bg-info lter",
|
|
"inline": false,
|
|
"columnClassName": "w-sm"
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "w",
|
|
"className": "bg-info dk",
|
|
"inline": false,
|
|
"columnClassName": "w"
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "平均分配",
|
|
"className": "bg-success",
|
|
"inline": false
|
|
},
|
|
{
|
|
"type": "tpl",
|
|
"tpl": "平均分配",
|
|
"className": "bg-primary",
|
|
"inline": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "plain",
|
|
"tpl": "示例",
|
|
"inline": false,
|
|
"className": "h3 m-t m-b-xs"
|
|
},
|
|
{
|
|
"type": "grid",
|
|
"columns": [
|
|
{
|
|
"type": "panel",
|
|
"title": "面板1",
|
|
"className": "Panel--danger",
|
|
"body": "内容",
|
|
"sm": 4
|
|
},
|
|
{
|
|
"type": "panel",
|
|
"title": "面板2",
|
|
"className": "Panel--primary",
|
|
"body": "内容",
|
|
"sm": 8
|
|
}
|
|
]
|
|
},
|
|
]
|
|
} |