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>
index.html
+1 -1
View File
@@ -33,7 +33,7 @@
body { background: var(--background); font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', 'Segoe UI', sans-serif; color: var(--text-primary); min-height: 100vh; }
/* ===== Header ===== */
.header { position: relative; background: linear-gradient(135deg, #0b3d91 0%, var(--primary) 40%, #4facfe 100%); color: #fff; padding: 40px 48px 20px; overflow: hidden; }
.header { position: sticky; top: 0; z-index: 300; background: linear-gradient(135deg, #0b3d91 0%, var(--primary) 40%, #4facfe 100%); color: #fff; padding: 40px 48px 20px; overflow: hidden; }
.header::before { content: ''; position: absolute; top: -60px; right: -40px; width: 260px; height: 260px; background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%); border-radius: 50%; }
.header::after { content: ''; position: absolute; bottom: -80px; left: 20%; width: 360px; height: 360px; background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); border-radius: 50%; }
.header__inner { position: relative; z-index: 1; max-width: 1400px; margin: 0 auto; text-align: center; }