amis
Version:
一种MIS页面生成工具
166 lines (156 loc) • 5 kB
JSX
export default {
type: 'page',
title: '选项卡示例',
subTitle: '所有选项卡都在当前页面中，包括默认、line、card以及radio模式',
body: [
{
type: 'tabs',
tabs: [
{
title: '选项卡1',
hash: 'tab1',
body: '选项卡内容1'
},
{
title: '选项卡2',
hash: 'tab2',
body: {
type: 'form',
panelClassName: 'panel-primary',
controls: [
{
type: 'text',
name: 'a',
label: '文本'
}
]
}
},
{
title: '选项卡3',
body: {
type: "crud",
api: "/api/sample",
filter: {
title: "条件搜索",
submitText: "",
controls: [
{
type: "text",
name: "keywords",
placeholder: "通过关键字搜索",
clearable: true,
addOn: {
label: "搜索",
type: "submit"
}
},
{
type: "plain",
text: "这里的表单项可以配置多个"
}
]
},
columns: [
{
name: "id",
label: "ID",
width: 20
},
{
name: "engine",
label: "Rendering engine"
},
{
name: "browser",
label: "Browser"
},
{
name: "platform",
label: "Platform(s)"
},
{
name: "version",
label: "Engine version"
},
{
name: "grade",
label: "CSS grade"
},
{
type: "operation",
label: "操作",
width: 100,
buttons: [
]
}
]
}
}
]
},
{
type: 'divider'
},
{
type: 'tabs',
mode: 'line',
tabs: [
{
title: '选项卡1',
body: '选项卡内容1'
},
{
title: '选项卡2',
body: '选项卡内容2'
},
{
title: '选项卡3',
body: '选项卡内容3'
}
]
},
{
type: 'divider'
},
{
type: 'tabs',
mode: 'card',
tabs: [
{
title: '选项卡1',
body: '选项卡内容1'
},
{
title: '选项卡2',
body: '选项卡内容2'
},
{
title: '选项卡3',
body: '选项卡内容3'
}
]
},
{
type: 'divider'
},
{
type: 'tabs',
mode: 'radio',
tabs: [
{
title: '选项卡1',
body: '选项卡内容1'
},
{
title: '选项卡2',
body: '选项卡内容2'
},
{
title: '选项卡3',
body: '选项卡内容3'
}
]
},
]
}