aotian16/navigation-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update frontend

Browse Source
This commit is contained in:
aotian16
2025-03-26 02:48:52 +08:00
parent 0531e82b61
commit 24ceea3f32
3 changed files with 398 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/index.html
View File

@ -8,24 +8,6 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<!-- 在原有HTML中添加登录模态框 -->
<div class="modal" id="loginModal">
<div class="modal-content">
<span class="close">&times;</span>
<h2><i class="fas fa-sign-in-alt"></i> 管理员登录</h2>
<form id="loginForm">
<div class="form-group">
<label for="username"><i class="fas fa-user"></i> 用户名</label>
<input type="text" id="username" required>
</div>
<div class="form-group">
<label for="password"><i class="fas fa-lock"></i> 密码</label>
<input type="password" id="password" required>
</div>
<button type="submit"><i class="fas fa-sign-in-alt"></i> 登录</button>
</form>
</div>
</div>
<div class="container">
<header>
<div class="header-left">
@ -35,25 +17,23 @@
<i class="fas fa-search"></i>
</div>
</div>
<div class="header-right">
<button id="themeBtn"><i class="fas fa-moon"></i></button>
<button id="loginBtn" style="display: none;"><i class="fas fa-sign-in-alt"></i> 登录</button>
<button id="logoutBtn" style="display: none;"><i class="fas fa-sign-out-alt"></i> 注销</button>
<!-- 管理员按钮默认隐藏 -->
<button id="addSiteBtn" style="display: none;"><i class="fas fa-plus"></i> 添加网站</button>
<button id="manageCategoriesBtn" style="display: none;"><i class="fas fa-tags"></i> 管理分类</button>
<button id="exportBtn" style="display: none;"><i class="fas fa-file-export"></i> 导出</button>
<button id="importBtn" style="display: none;"><i class="fas fa-file-import"></i> 导入</button>
<input type="file" id="importFile" style="display: none;" accept=".json">
</div>
<div class="header-right">
<button id="themeBtn"><i class="fas fa-moon"></i></button>
<button id="loginBtn"><i class="fas fa-sign-in-alt"></i> 登录</button>
<button id="logoutBtn" style="display: none;"><i class="fas fa-sign-out-alt"></i> 注销</button>
<!-- 管理员功能默认隐藏 -->
<button id="addSiteBtn" style="display: none;"><i class="fas fa-plus"></i> 添加</button>
<button id="exportBtn" style="display: none;"><i class="fas fa-file-export"></i> 导出</button>
<button id="importBtn" style="display: none;"><i class="fas fa-file-import"></i> 导入</button>
<input type="file" id="importFile" style="display: none;" accept=".json">
</div>
</header>
<div class="categories" id="categories">
<!-- 分类将通过JavaScript动态生成 -->
<div class="loading">加载中...</div>
</div>
<!-- 添加网站的模态框 -->
<!-- 添加网站模态框 -->
<div class="modal" id="addSiteModal">
<div class="modal-content">
<span class="close">&times;</span>
@ -80,18 +60,22 @@
</div>
</div>
<!-- 管理分类的模态框 -->
<div class="modal" id="manageCategoriesModal">
<!-- 登录模态框 -->
<div class="modal" id="loginModal">
<div class="modal-content">
<span class="close">&times;</span>
<h2><i class="fas fa-tags"></i> 管理分类</h2>
<div class="category-list" id="categoryList">
<!-- 分类列表将通过JavaScript动态生成 -->
</div>
<div class="add-category">
<input type="text" id="newCategoryName" placeholder="新分类名称">
<button id="addCategoryBtn"><i class="fas fa-plus"></i> 添加分类</button>
</div>
<h2><i class="fas fa-sign-in-alt"></i> 管理员登录</h2>
<form id="loginForm">
<div class="form-group">
<label for="username"><i class="fas fa-user"></i> 用户名</label>
<input type="text" id="username" required>
</div>
<div class="form-group">
<label for="password"><i class="fas fa-lock"></i> 密码</label>
<input type="password" id="password" required>
</div>
<button type="submit"><i class="fas fa-sign-in-alt"></i> 登录</button>
</form>
</div>
</div>
</div>