From d525cf0eb3d00f82c2c500188d40ee6401dee318 Mon Sep 17 00:00:00 2001 From: liuyunqin Date: Mon, 29 Jun 2026 17:59:47 +0800 Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E8=A5=BF=E5=AE=89=E5=BA=94?= =?UTF-8?q?=E6=80=A5=E5=A4=A7=E5=B1=8F=20v3=20=E9=87=8D=E6=9E=84=20+=20?= =?UTF-8?q?=E8=86=B3=E9=A3=9F=E5=BB=BA=E8=AE=AE=E9=A1=B5=20AI=20=E5=8D=87?= =?UTF-8?q?=E7=BA=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 西安应急大屏：index.html 归档为 index-v2.html，新增 index-v3.html（重排布局、统计卡片/告警柱状/心脑血管预警/体检雷达图） - 同步更新 server.js 默认入口及 emergency-app、employee-app 各页面返回/跳转引用至 index-v2.html - 体重管理：diet-advice.html 大幅升级（偏好标签条、慢病提醒、热量/营养/钠嘌呤指标、三餐推荐），新增膳食推荐 AI 算法需求文档 --- .idea/claudeCodeTabState.xml | 39 +- emergency-app/assistant/doc/screenshot.mjs | 6 +- .../assistant/profile/change-pwd.html | 4 +- .../workbench/end-consult-dialog.html | 2 +- .../assistant/workbench/text-chat-done.html | 2 +- .../assistant/workbench/text-chat.html | 2 +- .../workbench/text-consult-done.html | 2 +- .../workbench/text-consult-timeout.html | 2 +- emergency-app/expert/doc/screenshot.mjs | 10 +- emergency-app/expert/profile/change-pwd.html | 4 +- .../expert/profile/edit-profile.html | 2 +- emergency-app/expert/profile/index.html | 8 +- emergency-app/expert/profile/schedule.html | 2 +- emergency-app/expert/profile/stats.html | 2 +- .../expert/workbench/text-chat-done.html | 2 +- emergency-app/expert/workbench/text-chat.html | 2 +- .../expert/workbench/text-consult-done.html | 2 +- .../workbench/text-consult-timeout.html | 2 +- .../workbench/emergency-chat-done.html | 2 +- .../operator/workbench/emergency-chat.html | 2 +- .../operator/workbench/work-order-detail.html | 2 +- .../professional/profile/change-pwd.html | 4 +- .../workbench/emergency-chat-done.html | 2 +- .../workbench/emergency-chat-ongoing.html | 2 +- .../workbench/work-order-detail-ongoing.html | 2 +- .../workbench/work-order-detail.html | 2 +- .../health-checkup/my-appointments.html | 2 +- .../health-consult/expert-profile.html | 2 +- .../health-monitor/doc/screenshot-final.mjs | 24 +- employee-app/profile/index.html | 2 +- .../weight-management/diet-advice.html | 972 +++- .../weight-management/doc/AI-REQUIREMENTS.md | 307 ++ final.js | 224 + .../xian-center/cv-monitor.html | 2 +- .../xian-center/{index.html => index-v2.html} | 0 .../xian-center/index-v3.html | 4288 +++++++++++++++++ server.js | 6 +- 37 files changed, 5636 insertions(+), 306 deletions(-) create mode 100644 employee-app/weight-management/doc/AI-REQUIREMENTS.md create mode 100644 final.js rename other-module/emergency-screen/xian-center/{index.html => index-v2.html} (100%) create mode 100644 other-module/emergency-screen/xian-center/index-v3.html diff --git a/.idea/claudeCodeTabState.xml b/.idea/claudeCodeTabState.xml index c1e7293..7b43906 100644 --- a/.idea/claudeCodeTabState.xml +++ b/.idea/claudeCodeTabState.xml @@ -1,51 +1,22 @@ - - \ No newline at end of file diff --git a/emergency-app/assistant/doc/screenshot.mjs b/emergency-app/assistant/doc/screenshot.mjs index 69969a7..85aaf24 100644 --- a/emergency-app/assistant/doc/screenshot.mjs +++ b/emergency-app/assistant/doc/screenshot.mjs @@ -12,7 +12,7 @@ const screenshotsDir = path.join(__dirname, 'screenshots'); // 小助手端所有页面 const pages = [ // 工作台 - { file: '../../assistant/workbench/index.html', name: 'index' }, + { file: '../../assistant/workbench/index-v2.html', name: 'index' }, { file: '../../assistant/workbench/text-chat.html', name: 'text-chat' }, { file: '../../assistant/workbench/text-chat-done.html', name: 'text-chat-done' }, { file: '../../assistant/workbench/consult-done.html', name: 'consult-done' }, @@ -22,10 +22,10 @@ const pages = [ { file: '../../assistant/workbench/end-consult-dialog.html', name: 'end-consult-dialog' }, { file: '../../assistant/workbench/push-expert.html', name: 'push-expert' }, // 知识库 - { file: '../../assistant/knowledge/index.html', name: 'knowledge-index' }, + { file: '../../assistant/knowledge/index-v2.html', name: 'knowledge-index' }, { file: '../../assistant/knowledge/detail.html', name: 'knowledge-detail' }, // 个人中心 - { file: '../../assistant/profile/index.html', name: 'profile-index' }, + { file: '../../assistant/profile/index-v2.html', name: 'profile-index' }, { file: '../../assistant/profile/edit-profile.html', name: 'edit-profile' }, { file: '../../assistant/profile/change-pwd.html', name: 'change-pwd' }, ]; diff --git a/emergency-app/assistant/profile/change-pwd.html b/emergency-app/assistant/profile/change-pwd.html index 6248125..acab457 100644 --- a/emergency-app/assistant/profile/change-pwd.html +++ b/emergency-app/assistant/profile/change-pwd.html @@ -35,7 +35,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + @@ -66,7 +66,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
修改成功
密码已更新，下次登录请使用新密码。
- +
diff --git a/emergency-app/assistant/workbench/end-consult-dialog.html b/emergency-app/assistant/workbench/end-consult-dialog.html index 8c6ce66..bdbf68d 100644 --- a/emergency-app/assistant/workbench/end-consult-dialog.html +++ b/emergency-app/assistant/workbench/end-consult-dialog.html @@ -27,7 +27,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- +
diff --git a/emergency-app/assistant/workbench/text-chat-done.html b/emergency-app/assistant/workbench/text-chat-done.html index 5cc8cfa..3127daa 100644 --- a/emergency-app/assistant/workbench/text-chat-done.html +++ b/emergency-app/assistant/workbench/text-chat-done.html @@ -42,7 +42,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/assistant/workbench/text-chat.html b/emergency-app/assistant/workbench/text-chat.html index 5ab906a..ee7ae9f 100644 --- a/emergency-app/assistant/workbench/text-chat.html +++ b/emergency-app/assistant/workbench/text-chat.html @@ -48,7 +48,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/assistant/workbench/text-consult-done.html b/emergency-app/assistant/workbench/text-consult-done.html index 5d461fe..82ec735 100644 --- a/emergency-app/assistant/workbench/text-consult-done.html +++ b/emergency-app/assistant/workbench/text-consult-done.html @@ -37,7 +37,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/assistant/workbench/text-consult-timeout.html b/emergency-app/assistant/workbench/text-consult-timeout.html index 565fb4c..2003082 100644 --- a/emergency-app/assistant/workbench/text-consult-timeout.html +++ b/emergency-app/assistant/workbench/text-consult-timeout.html @@ -41,7 +41,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/expert/doc/screenshot.mjs b/emergency-app/expert/doc/screenshot.mjs index 30c4e48..a0b7af5 100644 --- a/emergency-app/expert/doc/screenshot.mjs +++ b/emergency-app/expert/doc/screenshot.mjs @@ -12,7 +12,7 @@ const screenshotsDir = path.join(__dirname, 'screenshots'); // 专家端所有页面 const pages = [ // 工作台 - { file: '../../expert/workbench/index.html', name: 'index' }, + { file: '../../expert/workbench/index-v2.html', name: 'index' }, { file: '../../expert/workbench/text-chat.html', name: 'text-chat' }, { file: '../../expert/workbench/text-chat-done.html', name: 'text-chat-done' }, { file: '../../expert/workbench/text-consult-done.html', name: 'text-consult-done' }, @@ -23,10 +23,10 @@ const pages = [ { file: '../../expert/workbench/video-cancelled.html', name: 'video-cancelled' }, { file: '../../expert/workbench/video-rejected.html', name: 'video-rejected' }, // 知识库 - { file: '../../expert/knowledge/index.html', name: 'knowledge-index' }, + { file: '../../expert/knowledge/index-v2.html', name: 'knowledge-index' }, { file: '../../expert/knowledge/detail.html', name: 'knowledge-detail' }, // 个人中心 - { file: '../../expert/profile/index.html', name: 'profile-index' }, + { file: '../../expert/profile/index-v2.html', name: 'profile-index' }, { file: '../../expert/profile/edit-profile.html', name: 'edit-profile' }, { file: '../../expert/profile/edit-diseases.html', name: 'edit-diseases' }, { file: '../../expert/profile/schedule.html', name: 'schedule' }, @@ -34,8 +34,8 @@ const pages = [ { file: '../../expert/profile/reviews.html', name: 'reviews' }, { file: '../../expert/profile/change-pwd.html', name: 'change-pwd' }, // 共享模块 - { file: '../../ai-assistant/index.html', name: 'ai-assistant' }, - { file: '../../message/index.html', name: 'message-index' }, + { file: '../../ai-assistant/index-v2.html', name: 'ai-assistant' }, + { file: '../../message/index-v2.html', name: 'message-index' }, { file: '../../message/contacts.html', name: 'message-contacts' }, { file: '../../message/im-chat.html', name: 'message-im-chat' }, ]; diff --git a/emergency-app/expert/profile/change-pwd.html b/emergency-app/expert/profile/change-pwd.html index ac23057..07bda45 100644 --- a/emergency-app/expert/profile/change-pwd.html +++ b/emergency-app/expert/profile/change-pwd.html @@ -40,7 +40,7 @@
- + @@ -78,7 +78,7 @@
修改成功
密码已更新，下次登录请使用新密码。
- +
diff --git a/emergency-app/expert/profile/edit-profile.html b/emergency-app/expert/profile/edit-profile.html index 4b047ee..41a2d71 100644 --- a/emergency-app/expert/profile/edit-profile.html +++ b/emergency-app/expert/profile/edit-profile.html @@ -31,7 +31,7 @@
- + diff --git a/emergency-app/expert/profile/index.html b/emergency-app/expert/profile/index.html index a447686..c1187c4 100644 --- a/emergency-app/expert/profile/index.html +++ b/emergency-app/expert/profile/index.html @@ -132,23 +132,23 @@
- +
🏥 工作台 3
- +
📚 知识库
- +
🤖 AI助手
- +
💬 消息 diff --git a/emergency-app/expert/profile/schedule.html b/emergency-app/expert/profile/schedule.html index 0f8f50d..afe2bcd 100644 --- a/emergency-app/expert/profile/schedule.html +++ b/emergency-app/expert/profile/schedule.html @@ -64,7 +64,7 @@
●●●WiFi🔋
- + diff --git a/emergency-app/expert/profile/stats.html b/emergency-app/expert/profile/stats.html index b28cf9f..5cf891e 100644 --- a/emergency-app/expert/profile/stats.html +++ b/emergency-app/expert/profile/stats.html @@ -40,7 +40,7 @@
- + diff --git a/emergency-app/expert/workbench/text-chat-done.html b/emergency-app/expert/workbench/text-chat-done.html index ab8547c..376665f 100644 --- a/emergency-app/expert/workbench/text-chat-done.html +++ b/emergency-app/expert/workbench/text-chat-done.html @@ -46,7 +46,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/expert/workbench/text-chat.html b/emergency-app/expert/workbench/text-chat.html index 2109b0f..9cd6e99 100644 --- a/emergency-app/expert/workbench/text-chat.html +++ b/emergency-app/expert/workbench/text-chat.html @@ -65,7 +65,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/expert/workbench/text-consult-done.html b/emergency-app/expert/workbench/text-consult-done.html index 465a850..c88a296 100644 --- a/emergency-app/expert/workbench/text-consult-done.html +++ b/emergency-app/expert/workbench/text-consult-done.html @@ -37,7 +37,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/expert/workbench/text-consult-timeout.html b/emergency-app/expert/workbench/text-consult-timeout.html index d9e8b22..4356c65 100644 --- a/emergency-app/expert/workbench/text-consult-timeout.html +++ b/emergency-app/expert/workbench/text-consult-timeout.html @@ -41,7 +41,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/operator/workbench/emergency-chat-done.html b/emergency-app/operator/workbench/emergency-chat-done.html index 218e603..482766e 100644 --- a/emergency-app/operator/workbench/emergency-chat-done.html +++ b/emergency-app/operator/workbench/emergency-chat-done.html @@ -48,7 +48,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/operator/workbench/emergency-chat.html b/emergency-app/operator/workbench/emergency-chat.html index 99cc6b0..e4d8470 100644 --- a/emergency-app/operator/workbench/emergency-chat.html +++ b/emergency-app/operator/workbench/emergency-chat.html @@ -71,7 +71,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/operator/workbench/work-order-detail.html b/emergency-app/operator/workbench/work-order-detail.html index 4c8b818..0f9b0b9 100644 --- a/emergency-app/operator/workbench/work-order-detail.html +++ b/emergency-app/operator/workbench/work-order-detail.html @@ -110,7 +110,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/professional/profile/change-pwd.html b/emergency-app/professional/profile/change-pwd.html index ad48df6..2367248 100644 --- a/emergency-app/professional/profile/change-pwd.html +++ b/emergency-app/professional/profile/change-pwd.html @@ -35,7 +35,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + @@ -66,7 +66,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
修改成功
密码已更新，下次登录请使用新密码。
- +
diff --git a/emergency-app/professional/workbench/emergency-chat-done.html b/emergency-app/professional/workbench/emergency-chat-done.html index 3346c76..4d76d85 100644 --- a/emergency-app/professional/workbench/emergency-chat-done.html +++ b/emergency-app/professional/workbench/emergency-chat-done.html @@ -53,7 +53,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/professional/workbench/emergency-chat-ongoing.html b/emergency-app/professional/workbench/emergency-chat-ongoing.html index 04adb4b..95ca312 100644 --- a/emergency-app/professional/workbench/emergency-chat-ongoing.html +++ b/emergency-app/professional/workbench/emergency-chat-ongoing.html @@ -63,7 +63,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/professional/workbench/work-order-detail-ongoing.html b/emergency-app/professional/workbench/work-order-detail-ongoing.html index 93cefc9..f7a4759 100644 --- a/emergency-app/professional/workbench/work-order-detail-ongoing.html +++ b/emergency-app/professional/workbench/work-order-detail-ongoing.html @@ -80,7 +80,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/emergency-app/professional/workbench/work-order-detail.html b/emergency-app/professional/workbench/work-order-detail.html index af4fc1c..40da99f 100644 --- a/emergency-app/professional/workbench/work-order-detail.html +++ b/emergency-app/professional/workbench/work-order-detail.html @@ -65,7 +65,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- + diff --git a/employee-app/health-checkup/my-appointments.html b/employee-app/health-checkup/my-appointments.html index d065f57..26d14e7 100644 --- a/employee-app/health-checkup/my-appointments.html +++ b/employee-app/health-checkup/my-appointments.html @@ -268,7 +268,7 @@
- + ‹ 我的预约
diff --git a/employee-app/health-consult/expert-profile.html b/employee-app/health-consult/expert-profile.html index 8b1347c..afbb16f 100644 --- a/employee-app/health-consult/expert-profile.html +++ b/employee-app/health-consult/expert-profile.html @@ -571,7 +571,7 @@ }); /** - * 返回上一页：优先读取 ?from 参数，否则 history.back()，最终 fallback 到 index.html + * 返回上一页：优先读取 ?from 参数，否则 history.back()，最终 fallback 到 index-v2.html */ function goBack() { var params = new URLSearchParams(window.location.search); diff --git a/employee-app/health-monitor/doc/screenshot-final.mjs b/employee-app/health-monitor/doc/screenshot-final.mjs index 2a7ee42..1b7bbc2 100644 --- a/employee-app/health-monitor/doc/screenshot-final.mjs +++ b/employee-app/health-monitor/doc/screenshot-final.mjs @@ -19,11 +19,11 @@ const root = path.resolve(__dirname, '..'); // - 'auto' : 短页面 → 最低 844；长页面 → 真实 scroll 高度 const tasks = [ // ========== 主页 / 健康现状 ========== - { html: 'index.html', out: 'index', mode: 'auto' }, + { html: 'index-v2.html', out: 'index', mode: 'auto' }, { html: 'health-status.html', out: 'health-status', mode: 'auto' }, // ========== 健康排查 ========== - { html: 'health-checkup/index.html', out: 'health-checkup/index', mode: 'auto' }, + { html: 'health-checkup/index-v2.html', out: 'health-checkup/index', mode: 'auto' }, { html: 'health-checkup/activity-detail.html', out: 'health-checkup/activity-detail', mode: 'auto', query: '?activityStatus=ongoing' }, { html: 'health-checkup/activity-detail.html', out: 'health-checkup/activity-detail-participated', mode: 'auto', query: '?activityStatus=ongoing&participated=1&submitTime=2026-05-20%2014:32' }, { html: 'health-checkup/activity-detail.html', out: 'health-checkup/activity-detail-ended', mode: 'auto', query: '?activityStatus=ended' }, @@ -32,7 +32,7 @@ const tasks = [ { html: 'health-checkup/questionnaire-fill.html', out: 'health-checkup/questionnaire-fill', mode: 'auto' }, // ========== 穿戴监测 ========== - { html: 'wearable/index.html', out: 'wearable/index', mode: 'auto' }, + { html: 'wearable/index-v2.html', out: 'wearable/index', mode: 'auto' }, { html: 'wearable/heart-rate.html', out: 'wearable/heart-rate', mode: 'auto' }, { html: 'wearable/heart-rate-alerts.html', out: 'wearable/heart-rate-alerts', mode: 'auto' }, { html: 'wearable/blood-oxygen.html', out: 'wearable/blood-oxygen', mode: 'auto' }, @@ -51,17 +51,17 @@ const tasks = [ { html: 'wearable/exercise.html', out: 'wearable/exercise-month', mode: 'auto', click: { sel: '.tab-item', text: '月' } }, // ========== 环境监测首页（4 Tab） - 严格 390×844 ========== - { html: 'environment/index.html', out: 'environment/index', mode: 'fixed', envTab: 'outdoor' }, - { html: 'environment/index.html', out: 'environment/index-outdoor', mode: 'fixed', envTab: 'outdoor' }, - { html: 'environment/index.html', out: 'environment/index-indoor', mode: 'fixed', envTab: 'indoor' }, - { html: 'environment/index.html', out: 'environment/index-water', mode: 'fixed', envTab: 'water' }, - { html: 'environment/index.html', out: 'environment/index-pollen', mode: 'fixed', envTab: 'pollen' }, + { html: 'environment/index-v2.html', out: 'environment/index', mode: 'fixed', envTab: 'outdoor' }, + { html: 'environment/index-v2.html', out: 'environment/index-outdoor', mode: 'fixed', envTab: 'outdoor' }, + { html: 'environment/index-v2.html', out: 'environment/index-indoor', mode: 'fixed', envTab: 'indoor' }, + { html: 'environment/index-v2.html', out: 'environment/index-water', mode: 'fixed', envTab: 'water' }, + { html: 'environment/index-v2.html', out: 'environment/index-pollen', mode: 'fixed', envTab: 'pollen' }, // ========== 环境监测首页 - 底部弹窗 - 严格 390×844 ========== - { html: 'environment/index.html', out: 'environment/index-outdoor-sheet', mode: 'fixed', envTab: 'outdoor', clickMarker: true }, - { html: 'environment/index.html', out: 'environment/index-indoor-sheet', mode: 'fixed', envTab: 'indoor', clickMarker: true }, - { html: 'environment/index.html', out: 'environment/index-water-sheet', mode: 'fixed', envTab: 'water', clickMarker: true }, - { html: 'environment/index.html', out: 'environment/index-pollen-sheet', mode: 'fixed', envTab: 'pollen', clickMarker: true }, + { html: 'environment/index-v2.html', out: 'environment/index-outdoor-sheet', mode: 'fixed', envTab: 'outdoor', clickMarker: true }, + { html: 'environment/index-v2.html', out: 'environment/index-indoor-sheet', mode: 'fixed', envTab: 'indoor', clickMarker: true }, + { html: 'environment/index-v2.html', out: 'environment/index-water-sheet', mode: 'fixed', envTab: 'water', clickMarker: true }, + { html: 'environment/index-v2.html', out: 'environment/index-pollen-sheet', mode: 'fixed', envTab: 'pollen', clickMarker: true }, // ========== 环境监测设备详情 / 报警数据 ========== { html: 'environment/device-detail.html', out: 'environment/device-detail', mode: 'auto', query: '?tab=outdoor&id=OA001' }, diff --git a/employee-app/profile/index.html b/employee-app/profile/index.html index 3c134d3..2849765 100644 --- a/employee-app/profile/index.html +++ b/employee-app/profile/index.html @@ -120,7 +120,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- +
🏠应用
📁档案
🤖AI助手
diff --git a/employee-app/weight-management/diet-advice.html b/employee-app/weight-management/diet-advice.html index e51d805..3c13077 100644 --- a/employee-app/weight-management/diet-advice.html +++ b/employee-app/weight-management/diet-advice.html @@ -14,94 +14,192 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; } .nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #1a1a1a; } .nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; } -.nav-placeholder { width: 28px; flex-shrink: 0; } -.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; } +.nav-action { font-size: 13px; color: #1677ff; cursor: pointer; font-weight: 500; width: 56px; text-align: right; flex-shrink: 0; } +.scroll-content { flex: 1; overflow-y: auto; background: #f5f7fa; position: relative; } .scroll-content::-webkit-scrollbar { display: none; } +/* ===== 偏好标签行 ===== */ +.pref-bar { background: #fff; margin: 8px 12px 0; border-radius: 12px; padding: 10px 12px; display: flex; align-items: center; gap: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); flex-wrap: wrap; } +.pref-bar__label { font-size: 11px; color: #999; flex-shrink: 0; font-weight: 500; } +.pref-tag { font-size: 11px; padding: 4px 10px; border-radius: 12px; font-weight: 600; background: #e6f7ff; color: #1677ff; display: flex; align-items: center; gap: 3px; white-space: nowrap; } +.pref-tag__dot { width: 5px; height: 5px; border-radius: 50%; background: #1677ff; flex-shrink: 0; } + +/* ===== 慢病提醒横幅 ===== */ +.alert-banner { background: linear-gradient(135deg, #fff7e6, #fffbe6); margin: 8px 12px 0; border-radius: 10px; padding: 8px 12px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid #ffe58f; } +.alert-banner--warn { background: linear-gradient(135deg, #fff1f0, #fff2f0); border-color: #ffa39e; } +.alert-banner__icon { font-size: 16px; flex-shrink: 0; line-height: 1.3; } +.alert-banner__text { font-size: 12px; color: #8c6d00; line-height: 1.5; flex: 1; } +.alert-banner--warn .alert-banner__text { color: #a8071a; } + /* ===== 热量目标卡片 ===== */ -.calorie-goal { background: linear-gradient(135deg, #6ee16e 0%, #3ec46a 100%); margin: 12px 12px 0; border-radius: 16px; padding: 18px; color: #fff; position: relative; overflow: hidden; box-shadow: 0 4px 14px rgba(62,196,106,0.25); } +.calorie-goal { background: linear-gradient(135deg, #6ee16e 0%, #3ec46a 100%); margin: 10px 12px 0; border-radius: 16px; padding: 16px; color: #fff; position: relative; overflow: hidden; box-shadow: 0 4px 14px rgba(62,196,106,0.25); } .calorie-goal::after { content: ''; position: absolute; bottom: -30px; right: -20px; width: 100px; height: 100px; border-radius: 50%; background: rgba(255,255,255,0.08); pointer-events: none; } .calorie-goal__header { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; } .calorie-goal__label { font-size: 13px; opacity: 0.85; } -.calorie-goal__val { font-size: 42px; font-weight: 800; line-height: 1; margin: 6px 0 2px; position: relative; z-index: 1; } +.calorie-goal__bmr { font-size: 11px; opacity: 0.7; } +.calorie-goal__val { font-size: 42px; font-weight: 800; line-height: 1; margin: 4px 0 2px; position: relative; z-index: 1; } .calorie-goal__unit { font-size: 16px; font-weight: 500; opacity: 0.8; } .calorie-goal__sub { font-size: 12px; opacity: 0.7; position: relative; z-index: 1; } -.calorie-goal__bar-wrap { position: relative; z-index: 1; margin-top: 12px; background: rgba(255,255,255,0.2); border-radius: 6px; height: 8px; overflow: hidden; } +.calorie-goal__bar-wrap { position: relative; z-index: 1; margin-top: 10px; background: rgba(255,255,255,0.2); border-radius: 6px; height: 8px; overflow: hidden; } .calorie-goal__bar-fill { height: 100%; background: rgba(255,255,255,0.9); border-radius: 6px; transition: width .3s; } .calorie-goal__bar-label { display: flex; justify-content: space-between; font-size: 11px; margin-top: 4px; opacity: 0.75; position: relative; z-index: 1; } /* ===== 营养素卡片 ===== */ -.nutri-card { background: #fff; border-radius: 16px; margin: 12px 12px 0; padding: 16px 14px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } -.nutri-card__title { font-size: 15px; font-weight: 800; color: #1a1a1a; margin-bottom: 12px; } -.nutri-row { display: flex; gap: 10px; } +.nutri-card { background: #fff; border-radius: 16px; margin: 10px 12px 0; padding: 14px 12px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } +.nutri-card__title { font-size: 15px; font-weight: 800; color: #1a1a1a; margin-bottom: 10px; } +.nutri-card__subtitle { font-size: 11px; color: #999; font-weight: 400; } +.nutri-row { display: flex; gap: 8px; } .nutri-item { flex: 1; text-align: center; } -.nutri-item__ring { position: relative; width: 72px; height: 72px; margin: 0 auto 6px; } +.nutri-item__ring { position: relative; width: 64px; height: 64px; margin: 0 auto 4px; } .nutri-item__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); } .nutri-item__center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } -.nutri-item__center-val { font-size: 16px; font-weight: 800; color: #1a1a1a; line-height: 1; } -.nutri-item__center-unit { font-size: 10px; color: #999; margin-top: 1px; } -.nutri-item__name { font-size: 12px; font-weight: 600; color: #333; margin-top: 4px; } -.nutri-item__detail { display: flex; justify-content: center; gap: 6px; font-size: 10px; color: #999; margin-top: 2px; } -.nutri-item__detail span { font-weight: 600; color: #666; } +.nutri-item__center-val { font-size: 14px; font-weight: 800; color: #1a1a1a; line-height: 1; } +.nutri-item__center-unit { font-size: 9px; color: #999; margin-top: 1px; } +.nutri-item__name { font-size: 11px; font-weight: 600; color: #333; margin-top: 2px; } +.nutri-item__detail { font-size: 10px; color: #999; margin-top: 1px; } + +/* 慢病管控指标行 */ +.nutri-slow-row { display: flex; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed #f0f0f0; } +.nutri-slow-item { flex: 1; background: #fafafa; border-radius: 10px; padding: 10px 8px; text-align: center; } +.nutri-slow-item__head { display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 4px; } +.nutri-slow-item__icon { font-size: 14px; } +.nutri-slow-item__label { font-size: 11px; font-weight: 700; color: #666; } +.nutri-slow-item__limit { font-size: 10px; color: #bbb; margin-left: 2px; } +.nutri-slow-item__progress { position: relative; height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; margin-bottom: 4px; } +.nutri-slow-item__fill { height: 100%; border-radius: 3px; transition: width .3s; } +.nutri-slow-item__fill--sodium { background: linear-gradient(90deg, #ff9c6e, #ff4d4f); } +.nutri-slow-item__fill--purine { background: linear-gradient(90deg, #ffc53d, #fa8c16); } +.nutri-slow-item__val { font-size: 10px; color: #999; } +.nutri-slow-item__val span { font-weight: 700; color: #333; } +.nutri-slow-item__status { font-size: 10px; font-weight: 700; margin-top: 2px; } +.nutri-slow-item__status--ok { color: #52c41a; } +.nutri-slow-item__status--warn { color: #faad14; } +.nutri-slow-item__status--danger { color: #ff4d4f; } + -/* 营养素详情条 */ -.nutri-bars { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; } -.nutri-bar { display: flex; align-items: center; gap: 8px; } -.nutri-bar__label { width: 40px; font-size: 12px; color: #666; font-weight: 600; text-align: right; flex-shrink: 0; } -.nutri-bar__track { flex: 1; height: 10px; border-radius: 5px; background: #f0f0f0; overflow: hidden; } -.nutri-bar__fill { height: 100%; border-radius: 5px; } -.nutri-bar__fill--protein { background: linear-gradient(90deg, #5470c6, #7367f0); } -.nutri-bar__fill--carbs { background: linear-gradient(90deg, #fac858, #ffc53d); } -.nutri-bar__fill--fat { background: linear-gradient(90deg, #ee6666, #ff7875); } -.nutri-bar__val { width: 60px; font-size: 12px; color: #333; font-weight: 600; text-align: left; flex-shrink: 0; } /* ===== 今日三餐卡片 ===== */ -.meal-card { background: #fff; border-radius: 16px; margin: 12px 12px 0; padding: 16px 14px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } -.meal-card__title { font-size: 15px; font-weight: 800; color: #1a1a1a; margin-bottom: 12px; } -.meal-card__tabs { display: flex; gap: 6px; margin-bottom: 10px; } -.meal-tab { flex: 1; text-align: center; padding: 8px 0; border-radius: 8px; font-size: 13px; font-weight: 600; color: #999; background: #f7f8fa; cursor: pointer; } +.meal-card { background: #fff; border-radius: 16px; margin: 10px 12px 0; padding: 14px 12px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } +.meal-card__title { font-size: 15px; font-weight: 800; color: #1a1a1a; margin-bottom: 2px; } +.meal-card__ai-reason { font-size: 10px; color: #bbb; font-weight: 400; margin-bottom: 8px; display: block; } +.meal-card__tabs { display: flex; gap: 6px; margin-bottom: 8px; } +.meal-tab { flex: 1; text-align: center; padding: 7px 0; border-radius: 8px; font-size: 12px; font-weight: 600; color: #999; background: #f7f8fa; cursor: pointer; transition: all .2s; } .meal-tab.active { background: #6ee16e; color: #fff; } -.meal-list { display: flex; flex-direction: column; gap: 8px; } -.meal-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: #f9fafb; border-radius: 10px; } +.meal-list { display: flex; flex-direction: column; gap: 6px; } +.meal-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: #f9fafb; border-radius: 10px; } .meal-item__icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; } .meal-item__icon--staple { background: #fff7e6; } .meal-item__icon--vege { background: #f6ffed; } .meal-item__icon--meat { background: #fff1f0; } .meal-item__icon--soup { background: #e6f7ff; } .meal-item__info { flex: 1; min-width: 0; } +.meal-item__name-row { display: flex; align-items: center; gap: 4px; margin-bottom: 2px; } .meal-item__name { font-size: 13px; font-weight: 600; color: #333; } -.meal-item__desc { font-size: 11px; color: #999; margin-top: 2px; } -.meal-item__kcal { font-size: 12px; font-weight: 700; color: #6ee16e; flex-shrink: 0; } +.meal-item__badges { display: flex; gap: 3px; flex-shrink: 0; } +.meal-badge { font-size: 9px; padding: 1px 5px; border-radius: 3px; font-weight: 600; line-height: 1.4; flex-shrink: 0; } +.meal-badge--low-sodium { background: #e6f7ff; color: #1677ff; } +.meal-badge--low-purine { background: #f6ffed; color: #52c41a; } +.meal-badge--local { background: #fff7e6; color: #d46b08; } +.meal-item__desc { font-size: 10px; color: #999; } +.meal-item__cooking { font-size: 10px; color: #1677ff; margin-top: 2px; display: flex; align-items: center; gap: 3px; } +.meal-item__cooking::before { content: '💡'; font-size: 10px; flex-shrink: 0; } +.meal-item__kcal { font-size: 12px; font-weight: 700; color: #6ee16e; flex-shrink: 0; text-align: right; } /* ===== 一周食谱卡片 ===== */ -.week-meal-card { background: #fff; border-radius: 16px; margin: 12px 12px 0; padding: 16px 14px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } -.week-meal-card__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } +.week-meal-card { background: #fff; border-radius: 16px; margin: 10px 12px 0; padding: 14px 12px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } +.week-meal-card__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .week-meal-card__title { font-size: 15px; font-weight: 800; color: #1a1a1a; } .week-meal-card__tip { font-size: 11px; color: #bbb; } -.week-day-row { display: flex; gap: 4px; margin-bottom: 8px; } -.week-day { flex: 1; text-align: center; padding: 6px 0; border-radius: 8px; cursor: pointer; font-size: 11px; font-weight: 600; color: #999; background: #f7f8fa; transition: all .2s; } +.week-day-row { display: flex; gap: 3px; margin-bottom: 8px; } +.week-day { flex: 1; text-align: center; padding: 5px 0; border-radius: 8px; cursor: pointer; font-size: 10px; font-weight: 600; color: #999; background: #f7f8fa; transition: all .2s; } .week-day.active { background: #6ee16e; color: #fff; } -.week-day__label { display: block; font-size: 10px; opacity: 0.7; } - -.week-detail { padding: 10px 0 0; } -.week-detail__meals { display: flex; flex-direction: column; gap: 8px; } -.week-detail__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } +.week-day__label { display: block; font-size: 9px; opacity: 0.7; } +.week-detail { padding: 8px 0 0; } +.week-detail__meals { display: flex; flex-direction: column; gap: 6px; } +.week-detail__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; } .week-detail__total { font-size: 14px; font-weight: 800; color: #1a1a1a; } .week-detail__total span { font-size: 11px; color: #6ee16e; margin-left: 4px; } +/* ===== 规避食材区 ===== */ +.dislike-card { background: #fff; border-radius: 16px; margin: 10px 12px 0; padding: 14px 12px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } +.dislike-card__title { font-size: 14px; font-weight: 800; color: #1a1a1a; margin-bottom: 2px; } +.dislike-card__sub { font-size: 11px; color: #bbb; margin-bottom: 8px; } +.dislike-tags { display: flex; gap: 6px; flex-wrap: wrap; } +.dislike-tag { font-size: 12px; padding: 5px 12px; border-radius: 16px; font-weight: 600; cursor: pointer; border: 1px solid #e0e0e0; color: #999; background: #fafafa; transition: all .2s; display: flex; align-items: center; gap: 4px; } +.dislike-tag--active { background: #fff1f0; border-color: #ffa39e; color: #cf1322; } +.dislike-tag--active::after { content: '✕'; font-size: 9px; color: #cf1322; } +.dislike-card__tip { font-size: 10px; color: #bbb; margin-top: 8px; } + /* ===== 注意事项卡片 ===== */ -.tips-card { background: #fff; border-radius: 16px; margin: 12px 12px 0; padding: 16px 14px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } -.tips-card__title { font-size: 15px; font-weight: 800; color: #1a1a1a; margin-bottom: 10px; } -.tips-list { display: flex; flex-direction: column; gap: 8px; } -.tips-item { display: flex; align-items: flex-start; gap: 8px; padding: 10px; background: #f9fafb; border-radius: 10px; } +.tips-card { background: #fff; border-radius: 16px; margin: 10px 12px 0; padding: 14px 12px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } +.tips-card__title { font-size: 15px; font-weight: 800; color: #1a1a1a; margin-bottom: 8px; } +.tips-card__section { margin-bottom: 8px; } +.tips-card__section:last-child { margin-bottom: 0; } +.tips-card__section-title { font-size: 12px; font-weight: 700; color: #666; margin-bottom: 4px; } +.tips-list { display: flex; flex-direction: column; gap: 6px; } +.tips-item { display: flex; align-items: flex-start; gap: 8px; padding: 8px 10px; background: #f9fafb; border-radius: 10px; } .tips-item__icon { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 10px; font-weight: 800; color: #fff; } .tips-item__icon--warn { background: #faad14; } .tips-item__icon--good { background: #52c41a; } .tips-item__icon--info { background: #1677ff; } -.tips-item__text { font-size: 12px; color: #555; line-height: 1.6; flex: 1; } +.tips-item__icon--danger { background: #ff4d4f; } +.tips-item__text { font-size: 11px; color: #555; line-height: 1.6; flex: 1; } .tips-item__text strong { color: #333; } .bottom-safe { height: 20px; flex-shrink: 0; } + +/* ================================================================ + 引导覆盖层 — 个性化偏好设置 + ================================================================ */ +.guide-overlay { position: absolute; inset: 0; z-index: 100; background: #f5f7fa; display: flex; flex-direction: column; overflow-y: auto; } +.guide-overlay::-webkit-scrollbar { display: none; } +.guide-overlay.hidden { display: none; } +.guide__hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 32px 20px 24px; color: #fff; text-align: center; } +.guide__hero-icon { font-size: 40px; margin-bottom: 8px; } +.guide__hero-title { font-size: 20px; font-weight: 800; margin-bottom: 4px; } +.guide__hero-sub { font-size: 13px; opacity: 0.85; } +.guide__body { flex: 1; padding: 16px 16px 0; display: flex; flex-direction: column; gap: 14px; } +.guide__q { background: #fff; border-radius: 14px; padding: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } +.guide__q-header { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } +.guide__q-num { width: 22px; height: 22px; border-radius: 50%; background: #667eea; color: #fff; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } +.guide__q-title { font-size: 14px; font-weight: 700; color: #1a1a1a; } +.guide__q-required { font-size: 10px; color: #ff4d4f; margin-left: auto; } + +/* 底部sheet选择器（所在地区） */ +.guide__trigger { display: flex; align-items: center; justify-content: space-between; height: 42px; padding: 0 14px; background: #f7f8fa; border-radius: 10px; font-size: 13px; color: #bbb; cursor: pointer; } +.guide__trigger--filled { color: #333; font-weight: 600; } +.guide__trigger-arrow { color: #bbb; font-size: 12px; } + +/* Chip 标签选择 */ +.guide__chips { display: flex; gap: 8px; flex-wrap: wrap; } +.guide__chip { font-size: 13px; padding: 8px 16px; border-radius: 20px; font-weight: 600; cursor: pointer; border: 1.5px solid #e0e0e0; color: #666; background: #fff; transition: all .2s; } +.guide__chip:hover { border-color: #91b8ff; background: #f5f9ff; } +.guide__chip--active { border-color: #667eea; background: #f0f2ff; color: #667eea; } +.guide__chip--active::before { content: '✓ '; font-size: 11px; } + +/* 提交按钮 */ +.guide__footer { padding: 16px 16px 24px; flex-shrink: 0; } +.guide__submit { width: 100%; height: 48px; border-radius: 24px; border: none; font-size: 16px; font-weight: 700; color: #fff; cursor: pointer; background: #d0d5e0; transition: all .25s; } +.guide__submit--ready { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); box-shadow: 0 6px 20px rgba(102,126,234,0.3); } +.guide__submit--ready:active { transform: scale(0.97); } + +/* ===== 地区选择底部 sheet（复用 basic-info 模式） ===== */ +.region-mask { position: absolute; inset: 0; background: rgba(0,0,0,0.45); z-index: 200; display: none; } +.region-mask.show { display: block; } +.region-sheet { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 18px 18px 0 0; z-index: 201; transform: translateY(100%); transition: transform .25s ease; padding-bottom: 16px; } +.region-sheet.show { transform: translateY(0); } +.region-sheet__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #f0f0f0; } +.region-sheet__cancel { font-size: 15px; color: #999; cursor: pointer; } +.region-sheet__title { font-size: 16px; font-weight: 700; color: #1a1a1a; } +.region-sheet__submit { font-size: 15px; color: #667eea; font-weight: 600; cursor: pointer; } +.region-sheet__list { padding: 6px 0; max-height: 360px; overflow-y: auto; } +.region-sheet__list::-webkit-scrollbar { display: none; } +.region-sheet__item { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; font-size: 15px; color: #333; cursor: pointer; } +.region-sheet__item.active { color: #667eea; font-weight: 600; background: #f0f2ff; } +.region-sheet__check { width: 18px; height: 18px; border-radius: 50%; border: 1px solid #d0d0d0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } +.region-sheet__item.active .region-sheet__check { background: #667eea; border-color: #667eea; } +.region-sheet__check svg { width: 12px; height: 12px; stroke: #fff; stroke-width: 3; fill: none; display: none; } +.region-sheet__item.active .region-sheet__check svg { display: block; } @@ -119,100 +217,173 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
膳食建议
-
+
-
+ + +
+
+
🥗
+
定制你的专属膳食方案
+
根据你的偏好与健康数据生成个性化食谱
+
+
+ + +
+
+ 1 + 所在地区 + 必选 +
+
+ 请选择常驻地区 + ▼ +
+
+ + +
+
+ 2 + 口味偏好 + 必选 +
+
+ 清淡 + 辛辣 + 咸鲜 + 酸甜 +
+
+ + +
+
+ 3 + 上班时间 + 必选 +
+
+ 正常白班 + 早班 + 晚班 + 倒班 +
+
+ + +
+
+ 4 + 规避食材（过敏 / 不喜欢） + 选填 +
+
+ 羊肉 + 海鲜 + 动物内脏 + 香菜 + 沙棘 + 其他 +
+
+
+ +
+ +
+
+ + +
+
+
+ 取消 + 选择所在地区 + 确定 +
+
+
西安 · 西北地区
+
榆林 · 陕北地区
+
延安 · 陕北地区
+
汉中 · 陕南地区
+
安康 · 陕南地区
+
其他地区
+
+
+ + +