mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-29 18:48:45 +08:00
63 lines
2.0 KiB
HTML
63 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>amis demo</title>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, initial-scale=1, maximum-scale=1"
|
||
/>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||
<link rel="stylesheet" href="../packages/amis/sdk/sdk.css" />
|
||
<link rel="stylesheet" href="../packages/amis/sdk/helper.css" />
|
||
<link rel="stylesheet" href="../packages/amis/sdk/iconfont.css" />
|
||
<!-- 这是默认主题所需的，如果是其他主题则不需要 -->
|
||
<!-- 从 1.1.0 开始 sdk.css 将不支持 IE 11，如果要支持 IE11 请引用这个 css，并把前面那个删了 -->
|
||
<!-- <link rel="stylesheet" href="sdk-ie11.css" /> -->
|
||
<!-- 不过 amis 开发团队几乎没测试过 IE 11 下的效果，所以可能有细节功能用不了，如果发现请报 issue -->
|
||
<style>
|
||
html,
|
||
body,
|
||
.app-wrapper {
|
||
position: relative;
|
||
width: 100%;
|
||
height: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="root" class="app-wrapper"></div>
|
||
<script src="../packages/amis/sdk/sdk.js"></script>
|
||
<script type="text/javascript">
|
||
(function () {
|
||
let amis = amisRequire('amis/embed');
|
||
// 通过替换下面这个配置来生成不同页面
|
||
let amisJSON = {
|
||
type: 'page',
|
||
title: '表单页面',
|
||
body: {
|
||
type: 'form',
|
||
mode: 'horizontal',
|
||
api: '/saveForm',
|
||
body: [
|
||
{
|
||
label: 'Name',
|
||
type: 'input-text',
|
||
name: 'name'
|
||
},
|
||
{
|
||
label: 'Email',
|
||
type: 'input-email',
|
||
name: 'email'
|
||
}
|
||
]
|
||
}
|
||
};
|
||
let amisScoped = amis.embed('#root', amisJSON);
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html> |