feat: sync full workspace including web modules, docs, and configurations to Gitea
Optimized the root .gitignore to exclude virtual environments, node modules, and temp folders to ensure clean and lightweight version tracking. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
106
axhub-make/admin/html-template.html
Normal file
106
axhub-make/admin/html-template.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{TITLE}}</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<style>
|
||||
/* 全局样式 */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#root {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: 100%;
|
||||
min-height: 100vh;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* 如果是元素演示页面(可能被内嵌到 iframe),设置固定尺寸 */
|
||||
body.is-element-page #root {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* 平板和手机模式隐藏滚动条 */
|
||||
@media (max-width: 1024px) {
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
scrollbar-width: none;
|
||||
/* Firefox */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<script>
|
||||
// 判断是否为元素演示页面(在 body 加载后执行)
|
||||
(function () {
|
||||
if (document.body && window.location.pathname.includes('/components/')) {
|
||||
document.body.classList.add('is-element-page');
|
||||
} else if (!document.body) {
|
||||
// 如果 body 还没加载,等待 DOMContentLoaded
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
if (window.location.pathname.includes('/components/')) {
|
||||
document.body.classList.add('is-element-page');
|
||||
}
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
<div id="root"></div>
|
||||
|
||||
<!-- 加载 bootstrap JS(会自动挂载到 window.HtmlTemplateBootstrap) -->
|
||||
<script type="module" src="{{BOOTSTRAP_PATH}}"></script>
|
||||
|
||||
<!-- 加载组件 JS(IIFE 格式,会挂载 UserComponent 到 window) -->
|
||||
<script src="{{ENTRY}}"></script>
|
||||
|
||||
<script type="module">
|
||||
// 等待 bootstrap 和组件加载完成
|
||||
function waitForReady() {
|
||||
if (window.HtmlTemplateBootstrap && window.UserComponent) {
|
||||
const { renderComponent, React, ReactDOM } = window.HtmlTemplateBootstrap;
|
||||
|
||||
// 将 React 和 ReactDOM 挂载到全局
|
||||
window.React = React;
|
||||
window.ReactDOM = ReactDOM;
|
||||
|
||||
// 获取组件
|
||||
const Component = window.UserComponent.Component || window.UserComponent.default || window.UserComponent;
|
||||
|
||||
// 渲染组件
|
||||
renderComponent(Component);
|
||||
} else {
|
||||
setTimeout(waitForReady, 10);
|
||||
}
|
||||
}
|
||||
|
||||
waitForReady();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user