1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
| <!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="../amis/sdk/sdk.css" />
| <link rel="stylesheet" href="../amis/sdk/helper.css" />
| <link rel="stylesheet" href="../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="../amis/sdk/sdk.js"></script>
| <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.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',
| },
| ],
| },
| };
| setTimeout(() => {
| wx.miniProgram.postMessage({ data: { foo: amisJSON } });
| }, 5000);
| let amisScoped = amis.embed('#root', amisJSON);
| })();
| </script>
| </body>
| </html>
|
|
