lt
71cb4c35a8
- 删除 Docker 相关文件 (docker-compose, Dockerfile, nginx.conf, init.sql 等) - 优化 platforms.html 卡片布局和响应式样式 - 优化 users.html 格式和移动端卡片设计 - 优化 admin.html 页面结构和表格布局 - 修复各页面 min-height 和溢出问题 - 更新导航组件样式
40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>导航组件调试</title>
|
|
<script src="vue.global.prod.js"></script>
|
|
<script src="element-plus.full.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<navigation-component current-page="dashboard" :is-admin="true" @navigate="()=>{}"></navigation-component>
|
|
</div>
|
|
|
|
<script src="navigation-component.js"></script>
|
|
<script>
|
|
// 手动检查
|
|
console.log('NavigationComponent:', window.NavigationComponent);
|
|
console.log('installNavigation:', window.installNavigation);
|
|
|
|
const App = { data() { return { isAdmin: true } } };
|
|
const app = Vue.createApp(App);
|
|
|
|
if (window.installNavigation) {
|
|
window.installNavigation(app);
|
|
console.log('通过 installNavigation 注册');
|
|
} else if (window.NavigationComponent) {
|
|
app.component('navigation-component', window.NavigationComponent);
|
|
console.log('直接注册组件');
|
|
// 手动注入样式
|
|
const style = document.createElement('style');
|
|
style.textContent = '.navigation-wrapper .sidebar { position: fixed; top: 0; left: 0; bottom: 0; width: 180px; background: #f0f0f0; z-index: 9999; }';
|
|
document.head.appendChild(style);
|
|
}
|
|
|
|
app.use(ElementPlus);
|
|
app.mount('#app');
|
|
</script>
|
|
</body>
|
|
</html>
|