amis2/examples/index.html

116 lines
3.8 KiB
HTML
Raw Normal View History

2019-04-30 11:11:25 +08:00
<!DOCTYPE html>
<html lang="zh">
2022-06-01 21:35:49 +08:00
<head>
<meta charset="UTF-8" />
<title>amis - 低代码前端框架</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="image/x-icon" rel="shortcut icon" href="./static/favicon.png" />
<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="./static/iconfont.css" />
<link rel="stylesheet" href="@fortawesome/fontawesome-free/css/all.css" />
<link rel="stylesheet" href="@fortawesome/fontawesome-free/css/v4-shims.css" />
<link rel="stylesheet" href="prismjs/themes/prism.css" />
<!--DEPENDENCIES_INJECT_PLACEHOLDER-->
<link rel="stylesheet" href="./doc.css" />
<link rel="stylesheet" href="./style.scss" />
<!--STYLE_PLACEHOLDER-->
<style>
.app-wrapper,
.schema-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
<script type="text/x-jsx">
// gitee 最近特别慢
2022-03-16 23:44:42 +08:00
if (location.hostname === 'baidu.gitee.io') {
location.hostname = 'aisuda.bce.baidu.com';
}
let theme = localStorage.getItem('amis-theme') || 'cxd';
if (theme === 'default') {
theme = 'cxd';
}
2020-12-29 13:06:53 +08:00
// 非 IE 模式
if (window.navigator.userAgent.indexOf('Trident') === -1) {
document.write(
`<link rel="stylesheet" title="ang" ${
theme !== 'ang' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/ang.css')}" />`
2020-12-29 13:06:53 +08:00
);
document.write(
`<link rel="stylesheet" title="cxd" ${
theme !== 'cxd' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/cxd.css')}" />`
2020-12-29 13:06:53 +08:00
);
document.write(
`<link rel="stylesheet" title="dark" ${
theme !== 'dark' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/dark.css')}" />`
2020-12-29 13:06:53 +08:00
);
document.write(
`<link rel="stylesheet" title="antd" ${
theme !== 'antd' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/antd.css')}" />`
);
2020-12-29 13:06:53 +08:00
} else {
document.write(
`<link rel="stylesheet" title="ang" ${
theme !== 'ang' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/ang-ie11.css')}" />`
2020-12-29 13:06:53 +08:00
);
document.write(
`<link rel="stylesheet" title="cxd" ${
theme !== 'cxd' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/cxd-ie11.css')}" />`
2020-12-29 13:06:53 +08:00
);
document.write(
`<link rel="stylesheet" title="dark" ${
theme !== 'dark' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/dark-ie11.css')}" />`
2020-12-29 13:06:53 +08:00
);
document.write(
`<link rel="stylesheet" title="antd" ${
theme !== 'antd' ? 'disabled' : ''
2022-06-02 15:28:51 +08:00
} href="${__uri('amis/lib/themes/antd-ie11.css')}" />`
);
2020-12-29 13:06:53 +08:00
}
</script>
2022-06-01 21:35:49 +08:00
<!--ignore-->
2022-06-02 15:28:51 +08:00
<link rel="stylesheet" href="amis/lib/helper.css" />
2022-06-01 21:35:49 +08:00
<!--ignore-->
</head>
2019-09-09 00:53:39 +08:00
2022-06-01 21:35:49 +08:00
<body>
<div id="root" class="app-wrapper"></div>
<script src="./mod.js"></script>
<script type="text/javascript">
if (location.hostname !== 'localhost') {
var _hmt = _hmt || [];
2020-11-27 21:21:20 +08:00
2022-06-01 21:35:49 +08:00
// 百度统计
(function () {
var hm = document.createElement('script');
hm.src =
'https://hm.baidu.com/hm.js?286766a21abb57abefedbd5257a26dc8';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
}
2022-06-01 21:35:49 +08:00
window.enableAMISDebug = true;
2022-06-01 21:35:49 +08:00
/* @require ./index.jsx 标记为同步依赖,提前加载 */
amis.require(['./index.jsx'], function (app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>