46 lines
1.6 KiB
HTML
46 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>领域管理</title>
|
|
<link rel="stylesheet" href="static/styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="title-bar">
|
|
<button class="menu-toggle" id="menuToggle">☰</button>
|
|
<h1>Solsynth network</h1>
|
|
</div>
|
|
|
|
<div class="main-container">
|
|
<div class="sidebar" id="sidebar">
|
|
<div class="sidebar-header">菜单</div>
|
|
<ul class="sidebar-menu">
|
|
<li onclick="window.location.href='/';" style="cursor: pointer;">首页</li>
|
|
<li onclick="window.location.href='/Chat';" style="cursor: pointer;">聊天</li>
|
|
<li class="active" onclick="window.location.href='/Realm';" style="cursor: pointer;">领域</li>
|
|
<li onclick="window.location.href='/Account';" style="cursor: pointer;">设置</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<h2>领域管理</h2>
|
|
<div class="card">
|
|
<h3>领域功能</h3>
|
|
<p>这里是领域管理界面。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById('menuToggle').addEventListener('click', function() {
|
|
document.getElementById('sidebar').classList.toggle('open');
|
|
});
|
|
|
|
// 为侧边栏菜单项添加悬停效果
|
|
document.querySelectorAll('.sidebar-menu li').forEach(item => {
|
|
item.style.cursor = 'pointer';
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |