mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 20:18:03 +08:00
72d7b1b663
* feat:add Elevator Component * feat:add Elevator Component * feat:remove Elevator and add Anchor Component * feat:add AnchorNav Component
3.0 KiB
3.0 KiB
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
AnchorNav 锚点导航 | 0 | null | AnchorNav 锚点导航 | 53 |
有多组表单输入框时,可以通过锚点导航来分组,方便定位查看。
基本用法
{
"type": "form",
"controls": [
{
"type": "anchor-nav",
"links": [
{
"title": "员工基本信息",
"controls": [
{
"type": "fieldSet",
"title": "员工基本信息",
"controls": [
{
"name": "name",
"type": "text",
"label": "用户名"
},
{
"name": "age",
"type": "text",
"label": "年龄"
}
]
}
]
},
{
"title": "在职信息",
"controls": [
{
"type": "fieldSet",
"title": "在职信息",
"controls": [
{
"name": "home",
"type": "text",
"label": "居住地址"
},
{
"name": "address",
"type": "text",
"label": "工作地址"
}
]
}
]
},
{
"title": "教育经历",
"controls": [
{
"type": "fieldSet",
"title": "教育经历",
"controls": [
{
"name": "school1",
"type": "text",
"label": "经历1"
},
{
"name": "school2",
"type": "text",
"label": "经历2"
},
{
"name": "school2",
"type": "text",
"label": "经历2"
}
]
}
]
},
{
"title": "紧急联系人信息",
"controls": [
{
"type": "fieldSet",
"title": "紧急联系人信息",
"controls": [
{
"name": "contact1",
"type": "text",
"label": "联系人1"
},
{
"name": "contact2",
"type": "text",
"label": "联系人2"
},
{
"name": "contact3",
"type": "text",
"label": "联系人3"
}
]
}
]
}
]
}
]
}
更多功能
请参考这里。
属性表
请参考这里。