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

feat: 健康体检新增胃肠镜专项管理(单位预选计划/员工预选信息/预选统计) + 胃肠镜问卷信息查询页，并完善中检预约跟踪/参与度/单位预约等页面(固定列、详情弹窗)，index 首页适配 prefers-reduced-motion 无障碍设置

Browse Source
This commit is contained in:
liuyunqin
2026-08-21 17:22:50 +08:00
parent 5d5b61e965
commit d13eb783ad
48 changed files with 2321 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+12 -3
View File
@@ -42,7 +42,7 @@ body { background: var(--background); font-family: -apple-system, BlinkMacSystem
/* ===== Tab 导航（嵌入 Header 底部） ===== */
.tab-nav { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 20px 48px 0; position: relative; z-index: 1; }
.tab-nav__item { padding: 10px 28px; font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.7); cursor: pointer; border-radius: 28px; transition: all .25s ease; user-select: none; display: flex; align-items: center; gap: 8px; border: 1.5px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.08); backdrop-filter: blur(6px); }
.tab-nav__item { padding: 10px 28px; font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.7); cursor: pointer; border-radius: 28px; transition: all .25s ease; user-select: none; display: flex; align-items: center; gap: 8px; border: 1.5px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.08); }
.tab-nav__item:hover { color: #fff; background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.4); }
.tab-nav__item--active { color: var(--primary-dark); background: #fff; border-color: #fff; box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
.tab-nav__item--active .tab-nav__badge { background: var(--primary); color: #fff; }
@@ -77,8 +77,16 @@ body { background: var(--background); font-family: -apple-system, BlinkMacSystem
/* ===== 呼吸灯动画 ===== */
@keyframes breathe {
0%, 100% { border-color: rgba(82,196,26,0.35); box-shadow: 0 0 0 0 rgba(82,196,26,0); }
50% { border-color: rgba(82,196,26,0.7); box-shadow: 0 0 12px 2px rgba(82,196,26,0.18); }
0%, 100% { border-color: rgba(82,196,26,0.35); }
50% { border-color: rgba(82,196,26,0.85); }
}
/* 尊重系统「减少动态效果」设置，关闭所有动画/过渡，进一步降低低配机器的负担 */
@media (prefers-reduced-motion: reduce) {
.tab-content, .page-popover { animation: none; }
.module-card--ready { animation: none; }
.module-card, .tab-nav__item, .module-card__page-count, .page-popover__item,
.module-card__prd, .prd-global-card, .prd-item { transition: none; }
}
/* ===== 模块卡片 ===== */
@@ -213,6 +221,7 @@ const SITE_MAP = [
{ file:'mid-doctor-realtime.html', label:'医生实时检查情况' },
{ file:'mid-doctor-count.html', label:'医生检查人数统计' },
{ file:'mid-hospital-appointment.html', label:'医院预约情况统计' },
{ file:'mid-gastro-questionnaire.html', label:'胃肠镜问卷信息' },
{ file:'post-unit-count.html', label:'单位体检人数统计' },
{ file:'post-hospital-count.html', label:'医院体检人数统计' },
{ file:'post-doctor-count.html', label:'医生检查人数统计' },