amis2/examples/components/Tabs/Form.jsx

49 lines
950 B
React
Raw Normal View History

2019-04-30 11:11:25 +08:00
export default {
2019-11-07 10:41:14 +08:00
type: 'page',
title: '表单中选项卡分组',
subTitle: '',
body: [
'<p>多个 controls 可以通过 tabs 来分组展示,表单将作为一个整体提交。</p>',
{
type: 'form',
title: '',
tabs: [
2019-04-30 11:11:25 +08:00
{
2019-11-07 10:41:14 +08:00
title: '选项卡1',
hash: 'tab1',
body: [
2019-04-30 11:11:25 +08:00
{
type: 'input-text',
2019-11-07 10:41:14 +08:00
label: '文本1',
name: 'a'
}
]
},
{
title: '选项卡2',
hash: 'tab2',
body: [
2019-04-30 11:11:25 +08:00
{
type: 'input-text',
2019-11-07 10:41:14 +08:00
label: '文本2',
name: 'b'
}
]
},
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
{
title: '选项卡3',
hash: 'tab3',
body: [
2019-04-30 11:11:25 +08:00
{
type: 'input-text',
2019-11-07 10:41:14 +08:00
label: '文本3',
name: 'c'
2019-04-30 11:11:25 +08:00
}
2019-11-07 10:41:14 +08:00
]
}
]
}
]
};