yixiong/platform-prototype
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 导航页样式优化

Browse Source
This commit is contained in:
fengpu
2026-09-20 10:48:51 +08:00
parent a900886061
commit 44d7d0b219
2 changed files with 1 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
emergency-app/nutritionist/workbench/employee-list.html
-14
View File
@@ -20,9 +20,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
.search-bar { background: #fff; padding: 10px 16px; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; }
.search-input { display: flex; align-items: center; gap: 8px; background: #f5f5f5; border-radius: 20px; padding: 8px 14px; }
.search-input input { flex: 1; border: none; background: none; font-size: 14px; outline: none; color: #1a1a1a; }
.filter-row { display: flex; gap: 8px; margin-top: 8px; }
.filter-chip { flex: 1; text-align: center; font-size: 12px; padding: 6px 0; border-radius: 16px; background: #f5f5f5; color: #666; cursor: pointer; }
.filter-chip.active { background: #e6f4ff; color: #1677ff; font-weight: 600; }
/* Tab */
.seg-tabs { display: flex; background: #fff; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; }
.seg-tab { flex: 1; text-align: center; padding: 12px 0; font-size: 14px; color: #666; cursor: pointer; border-bottom: 2px solid transparent; }
@@ -68,12 +65,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<span style="font-size:14px;">🔍</span>
<input type="text" placeholder="搜索员工姓名 / 工号" />
</div>
<div class="filter-row">
<div class="filter-chip active" onclick="filterChip(this)">全部单位</div>
<div class="filter-chip" onclick="filterChip(this)">机关</div>
<div class="filter-chip" onclick="filterChip(this)">采油一厂</div>
<div class="filter-chip" onclick="filterChip(this)">信息中心</div>
</div>
</div>
<!-- Tab：全部 / 达标 / 未达标 -->
@@ -196,11 +187,6 @@ function switchTab(el, panelId) {
});
}
/* 单位筛选 */
function filterChip(el) {
el.parentElement.querySelectorAll('.filter-chip').forEach(function(c) { c.classList.remove('active'); });
el.classList.add('active');
}
</script>
</body>
</html>