guowei/debt-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 统一首页和分析页面导航栏为三栏式布局

Browse Source 
- 左侧：Logo + 系统名称
- 中间：首页/分析 导航
- 右侧：管理/退出
- 两个页面 header HTML 和 CSS 完全一致
This commit is contained in:
OP
2026-06-28 23:56:11 +08:00
parent 156bcb9505
commit f69c8bf510
2 changed files with 6 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
frontend/index.html
View File

@@ -327,55 +327,20 @@ body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text"
<div id="appPage">
<div class="header">
<div class="header-inner">
<h1>债务统计</h1>
<div class="header-left">
<div class="header-logo">D</div>
<h1>债务管理</h1>
</div>
<div class="nav-tabs">
<a href="/" class="nav-tab active">首页</a>
<a href="/analysis.html" class="nav-tab">分析</a>
</div>
<div class="header-right">
<div class="export-wrap" style="position:relative">
<div class="notif-bell" onclick="toggleNotifDropdown(event)">
<svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg>
<span class="notif-badge" id="notifBadge" style="display:none">0</span>
</div>
<div class="notif-dropdown" id="notifDropdown">
<div class="notif-header">
<h4>通知</h4>
<button class="mark-all" onclick="markAllNotifRead()">全部已读</button>
</div>
<div class="notif-list" id="notifList">
<div class="notif-empty">暂无通知</div>
</div>
</div>
</div>
<div class="export-wrap">
<span class="user-info" id="userInfo" onclick="toggleUserMenu(event)"></span>
<div class="export-menu" id="userMenu">
<a href="#" onclick="showChangeNick(event)">修改昵称</a>
<a href="#" onclick="showChangePwd(event)">修改密码</a>
</div>
</div>
<a href="/admin.html" class="admin-link" id="adminLink" style="display:none">管理</a>
<div class="export-wrap">
<button class="hdr-btn" onclick="toggleExport(event)">导出</button>
<div class="export-menu" id="exportMenu">
<a href="#" onclick="exportCSV(event)">导出 CSV</a>
<a href="#" onclick="exportJSON(event)">导出 JSON</a>
<a href="#" onclick="exportHTML(event)">导出 HTML</a>
</div>
</div>
<div class="export-wrap">
<button class="hdr-btn" onclick="toggleImport(event)">导入</button>
<div class="export-menu" id="importMenu">
<a href="#" onclick="downloadTemplate(event)">下载模板</a>
<a href="#" onclick="showImportModal(event)">导入 CSV</a>
</div>
</div>
<a href="#" class="logout-link" onclick="doLogout()">退出</a>
</div>
</div>
</div>
<div class="main">
<div style="display:flex;flex-direction:column;gap:16px">
<div class="panel">