lt
71cb4c35a8
- 删除 Docker 相关文件 (docker-compose, Dockerfile, nginx.conf, init.sql 等) - 优化 platforms.html 卡片布局和响应式样式 - 优化 users.html 格式和移动端卡片设计 - 优化 admin.html 页面结构和表格布局 - 修复各页面 min-height 和溢出问题 - 更新导航组件样式
36 lines
984 B
HTML
36 lines
984 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="vue.global.prod.js"></script>
|
|
<script src="navigation-component.js"></script>
|
|
<style>
|
|
body { margin: 0; padding: 0; }
|
|
.navbar { height: 60px; background: #333; color: white; display: flex; align-items: center; padding: 0 20px; }
|
|
.main-content { padding: 20px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="navbar">Test Navbar</div>
|
|
<navigation-component current-page="dashboard" :is-admin="true" @navigate="()=>{}"></navigation-component>
|
|
<div class="main-content">
|
|
<h1>内容区域</h1>
|
|
<p>侧边栏应该在左侧显示。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const app = Vue.createApp({
|
|
data() { return { isAdmin: true } }
|
|
});
|
|
if (window.installNavigation) {
|
|
window.installNavigation(app);
|
|
console.log('已调用 installNavigation');
|
|
} else {
|
|
console.error('installNavigation 未定义');
|
|
}
|
|
app.mount('#app');
|
|
</script>
|
|
</body>
|
|
</html>
|