46 lines
1.8 KiB
HTML
46 lines
1.8 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>HoloLake · 用户中心</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<nav class="top-bar">
|
||
|
|
<div class="logo">HoloLake</div>
|
||
|
|
<div class="nav-links">
|
||
|
|
<a href="#" class="active">个人中心</a>
|
||
|
|
<a href="#">消息</a>
|
||
|
|
<a href="#">退出</a>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div class="profile-card">
|
||
|
|
<div class="avatar">🧑💻</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h1 class="username">光湖用户</h1>
|
||
|
|
<p class="user-id">ID: HL-000001</p>
|
||
|
|
<p class="user-status">🟢 在线</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="menu-grid">
|
||
|
|
<div class="menu-item"><span class="menu-icon">👤</span><span class="menu-text">个人资料</span></div>
|
||
|
|
<div class="menu-item"><span class="menu-icon">🧠</span><span class="menu-text">我的记忆</span></div>
|
||
|
|
<div class="menu-item"><span class="menu-icon">🤖</span><span class="menu-text">AI伙伴</span></div>
|
||
|
|
<div class="menu-item"><span class="menu-icon">📊</span><span class="menu-text">使用统计</span></div>
|
||
|
|
<div class="menu-item"><span class="menu-icon">🔐</span><span class="menu-text">安全设置</span></div>
|
||
|
|
<div class="menu-item"><span class="menu-icon">💬</span><span class="menu-text">反馈建议</span></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer class="footer">
|
||
|
|
<p>HoloLake Era · AGE 0S v1.0</p>
|
||
|
|
<p>Powered by 光湖团队</p>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
<script src="script.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|