1
2
3
4
5
6
7
8
9
10

{
    "type": "page",
    "body": {
        "api": "",
        "type": "form",
        "title": "联系我们",
        "controls": [{ "type": "text", "label": "姓名", "name": "name" }],
        "actions": [{ "label": "发送", "type": "submit", "primary": true }]
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<div class="title>
    <span>联系我们</span>
</div>
<div class="body">
    <form class="form">
        <div>
            <span>姓名</span>
            <input name="name" placeholder="" type="text">
        </div>
    </form>
</div>
<div class="footer">
    <button type="submit">
        <span>发送</span>
    </button>
</div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14

import schema2component from "../../../utils/schema2component";

const schema = {
    "type": "page",
    "body": {
        "api": "",
        "type": "form",
        "title": "联系我们",
        "controls": [{ "type": "text", "label": "姓名", "name": "name" }],
        "actions": [{ "label": "发送", "type": "submit", "primary": true }]
    }
};

export default schema2component(schema);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

{
    label: '新增表单',
    icon: 'glyphicon glyphicon-ok',
    children: [
        {
            label: '二级表单',
            children: [
                {
                    label: '三级表单',
                    path: 'demo/third',
                    component: ThirdForm,
                },
            ]
        }
    ]
}

1

import ThirdForm from './demo/Third';

1
2

npm install
npm run start