feat: 批量更新多模块原型页面+截图+权重管理模块迁移
- 员工端健康监测: 截图更新+索引页更新 - 管理端健康环境: 室内外/水质/花粉设备列表+数据分析+数据监测+异常报警+历史数据等页面更新 - 管理端健康排查/档案/穿戴运维: 页面导航和链接更新 - 体重管理模块: 从health-monitor/weight迁移至weight-management目录 - 设备管理(蓝牙/体脂/体脂秤/运动) - 数据监测/统计/异常结果 - 新增目标体重审核/运动记录/个人目标数据/活动统计/算法模型等页面 - web-admin/weight-management: 新增体重管理模块24个管理端页面
liuyunqin
@@ -58,10 +58,10 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
|
||||
</nav>
|
||||
|
||||
<!-- 首页入口 -->
|
||||
<div class="section">
|
||||
<div class="section" id="sec-home">
|
||||
<div class="section__header">
|
||||
<span class="section__title">📱 首页入口</span>
|
||||
<span class="section__count">1 页面</span>
|
||||
<span class="section__count">2 页面</span>
|
||||
</div>
|
||||
<div class="scroll-row">
|
||||
<div class="card" onclick="openLightbox('screenshots/index.jpg', '健康监测首页')">
|
||||
@@ -71,18 +71,6 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
|
||||
<span class="tag tag--state">5个导航入口</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<!-- 健康现状 -->
|
||||
<div class="section">
|
||||
<div class="section__header">
|
||||
<span class="section__title">🏥 健康现状</span>
|
||||
<span class="section__count">1 页面</span>
|
||||
</div>
|
||||
<div class="scroll-row">
|
||||
<div class="card" onclick="openLightbox('screenshots/health-status.jpg', '健康现状')">
|
||||
<div class="card__img"><img src="screenshots/health-status.jpg" alt="健康现状"></div>
|
||||
<div class="card__label">健康现状</div>
|
||||
@@ -94,6 +82,248 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<!-- 健康排查 -->
|
||||
<div class="section" id="sec-health-screening">
|
||||
<div class="section__header">
|
||||
<span class="section__title">📋 健康排查</span>
|
||||
<span class="section__count">5 页面</span>
|
||||
</div>
|
||||
<div class="scroll-row">
|
||||
<div class="card" onclick="openLightbox('screenshots/health-screening/index.jpg', '健康排查首页')">
|
||||
<div class="card__img"><img src="screenshots/health-screening/index.jpg" alt="健康排查首页"></div>
|
||||
<div class="card__label">健康排查首页</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">积分/排行榜</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/health-screening/questionnaire-fill.jpg', '每日健康记录')">
|
||||
<div class="card__img"><img src="screenshots/health-screening/questionnaire-fill.jpg" alt="每日健康记录"></div>
|
||||
<div class="card__label">每日健康记录</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">问卷填写</span>
|
||||
<span class="tag tag--state">频率标签</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/health-screening/checkin-record.jpg', '历史记录')">
|
||||
<div class="card__img"><img src="screenshots/health-screening/checkin-record.jpg" alt="历史记录"></div>
|
||||
<div class="card__label">历史记录</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">日历+列表</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/health-screening/questionnaire-detail.jpg', '问卷详情')">
|
||||
<div class="card__img"><img src="screenshots/health-screening/questionnaire-detail.jpg" alt="问卷详情"></div>
|
||||
<div class="card__label">问卷详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">只读回顾</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/health-screening/questionnaire-setting.jpg', '题目设置')">
|
||||
<div class="card__img"><img src="screenshots/health-screening/questionnaire-setting.jpg" alt="题目设置"></div>
|
||||
<div class="card__label">题目设置</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">自定义显示</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<!-- 穿戴监测 -->
|
||||
<div class="section" id="sec-wearable">
|
||||
<div class="section__header">
|
||||
<span class="section__title">⌚ 穿戴监测</span>
|
||||
<span class="section__count">17 页面</span>
|
||||
</div>
|
||||
<div class="scroll-row">
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/index.jpg', '穿戴监测首页')">
|
||||
<div class="card__img"><img src="screenshots/wearable/index.jpg" alt="穿戴监测首页"></div>
|
||||
<div class="card__label">穿戴监测首页</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">指标卡片</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/heart-rate.jpg', '心率详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/heart-rate.jpg" alt="心率详情"></div>
|
||||
<div class="card__label">心率详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">趋势图</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/heart-rate-alerts.jpg', '心率预警历史')">
|
||||
<div class="card__img"><img src="screenshots/wearable/heart-rate-alerts.jpg" alt="心率预警历史"></div>
|
||||
<div class="card__label">心率预警历史</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">预警记录</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/blood-oxygen.jpg', '血氧详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/blood-oxygen.jpg" alt="血氧详情"></div>
|
||||
<div class="card__label">血氧详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">柱状图</span>
|
||||
<span class="tag tag--state">三色区分</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/blood-oxygen-alerts.jpg', '血氧预警历史')">
|
||||
<div class="card__img"><img src="screenshots/wearable/blood-oxygen-alerts.jpg" alt="血氧预警历史"></div>
|
||||
<div class="card__label">血氧预警历史</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">预警记录</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/blood-pressure.jpg', '血压详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/blood-pressure.jpg" alt="血压详情"></div>
|
||||
<div class="card__label">血压详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">双线图表</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/blood-pressure-alerts.jpg', '血压预警历史')">
|
||||
<div class="card__img"><img src="screenshots/wearable/blood-pressure-alerts.jpg" alt="血压预警历史"></div>
|
||||
<div class="card__label">血压预警历史</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">预警记录</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/temperature.jpg', '体温详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/temperature.jpg" alt="体温详情"></div>
|
||||
<div class="card__label">体温详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">趋势图</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/temperature-alerts.jpg', '体温预警历史')">
|
||||
<div class="card__img"><img src="screenshots/wearable/temperature-alerts.jpg" alt="体温预警历史"></div>
|
||||
<div class="card__label">体温预警历史</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">预警记录</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/stress.jpg', '压力详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/stress.jpg" alt="压力详情"></div>
|
||||
<div class="card__label">压力详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">压力等级</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/stress-alerts.jpg', '压力预警历史')">
|
||||
<div class="card__img"><img src="screenshots/wearable/stress-alerts.jpg" alt="压力预警历史"></div>
|
||||
<div class="card__label">压力预警历史</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">预警记录</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/steps.jpg', '步数详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/steps.jpg" alt="步数详情"></div>
|
||||
<div class="card__label">步数详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">生活化换算</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/sleep.jpg', '睡眠详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/sleep.jpg" alt="睡眠详情"></div>
|
||||
<div class="card__label">睡眠详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">Hypnogram</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/ecg.jpg', '心电图列表')">
|
||||
<div class="card__img"><img src="screenshots/wearable/ecg.jpg" alt="心电图列表"></div>
|
||||
<div class="card__label">心电图列表</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">筛选标签</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/ecg-detail.jpg', '心电图详情')">
|
||||
<div class="card__img"><img src="screenshots/wearable/ecg-detail.jpg" alt="心电图详情"></div>
|
||||
<div class="card__label">心电图详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">波形图</span>
|
||||
<span class="tag tag--state">可横向滑动</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/wearable/exercise.jpg', '锻炼记录')">
|
||||
<div class="card__img"><img src="screenshots/wearable/exercise.jpg" alt="锻炼记录"></div>
|
||||
<div class="card__label">锻炼记录</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">周/月视图</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<!-- 体重监测 -->
|
||||
<div class="section" id="sec-weight">
|
||||
<div class="section__header">
|
||||
<span class="section__title">⚖️ 体重监测</span>
|
||||
<span class="section__count">3 页面</span>
|
||||
</div>
|
||||
<div class="scroll-row">
|
||||
<div class="card" onclick="openLightbox('screenshots/weight/index.jpg', '体重监测首页')">
|
||||
<div class="card__img"><img src="screenshots/weight/index.jpg" alt="体重监测首页"></div>
|
||||
<div class="card__label">体重监测首页</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">最近测量</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/weight/history.jpg', '历史数据')">
|
||||
<div class="card__img"><img src="screenshots/weight/history.jpg" alt="历史数据"></div>
|
||||
<div class="card__label">历史数据</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">图表/列表</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/weight/report-detail.jpg', '详细报告')">
|
||||
<div class="card__img"><img src="screenshots/weight/report-detail.jpg" alt="详细报告"></div>
|
||||
<div class="card__label">详细报告</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">完整报告</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<!-- 环境监测 -->
|
||||
<div class="section" id="sec-environment">
|
||||
<div class="section__header">
|
||||
<span class="section__title">🌡️ 环境监测</span>
|
||||
<span class="section__count">3 页面</span>
|
||||
</div>
|
||||
<div class="scroll-row">
|
||||
<div class="card" onclick="openLightbox('screenshots/environment/index.jpg', '环境监测首页')">
|
||||
<div class="card__img"><img src="screenshots/environment/index.jpg" alt="环境监测首页"></div>
|
||||
<div class="card__label">环境监测首页</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">地图/列表</span>
|
||||
<span class="tag tag--state">底部弹窗</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/environment/device-detail.jpg', '设备详情')">
|
||||
<div class="card__img"><img src="screenshots/environment/device-detail.jpg" alt="设备详情"></div>
|
||||
<div class="card__label">设备详情</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">指标/趋势</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" onclick="openLightbox('screenshots/environment/alarm-data.jpg', '报警数据')">
|
||||
<div class="card__img"><img src="screenshots/environment/alarm-data.jpg" alt="报警数据"></div>
|
||||
<div class="card__label">报警数据</div>
|
||||
<div class="card__tags">
|
||||
<span class="tag tag--state">报警记录</span>
|
||||
<span class="tag tag--state">日期筛选</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height:40px;"></div>
|
||||
|
||||
<!-- 灯箱 -->
|
||||
|
||||
|
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 121 KiB After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 282 KiB After Width: | Height: | Size: 122 KiB |
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 109 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 69 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 183 KiB After Width: | Height: | Size: 70 KiB |
@@ -29,9 +29,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
.core-card__title-wrap { display: flex; align-items: center; gap: 10px; }
|
||||
.core-card__icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
|
||||
.icon--wearable { background: linear-gradient(135deg, #e6fffb 0%, #b5f5ec 100%); }
|
||||
.icon--weight { background: linear-gradient(135deg, #f0f5ff 0%, #d6e4ff 100%); }
|
||||
.core-card__name { font-size: 15px; font-weight: 700; color: #1a1a1a; }
|
||||
.core-card__time { font-size: 11px; color: #bbb; margin-top: 1px; }
|
||||
.core-card__arrow { width: 16px; height: 16px; display: flex; align-items: center; }
|
||||
|
||||
/* 指标网格（穿戴：2×2） */
|
||||
@@ -43,15 +41,9 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
.dot--heart { background: #ff4d4f; }
|
||||
.dot--oxygen { background: #1890ff; }
|
||||
.dot--temp { background: #fa8c16; }
|
||||
.dot--weight { background: #597ef7; }
|
||||
.dot--bmi { background: #36cfc9; }
|
||||
.dot--fat { background: #ff85c2; }
|
||||
.metric-cell__value { font-size: 22px; font-weight: 700; color: #1a1a1a; line-height: 1; }
|
||||
.metric-cell__unit { font-size: 11px; color: #aaa; margin-top: 2px; }
|
||||
|
||||
/* 指标行（体重：3列） */
|
||||
.metrics-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
|
||||
|
||||
/* 状态徽章 */
|
||||
.badge { display: inline-flex; align-items: center; font-size: 11px; padding: 2px 8px; border-radius: 20px; font-weight: 600; }
|
||||
.badge--good { color: #52c41a; background: #f6ffed; border: 1px solid #b7eb8f; }
|
||||
@@ -72,7 +64,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
.entry-metric strong { color: #1a1a1a; font-weight: 700; }
|
||||
.entry-metric .badge { font-size: 10px; padding: 1px 6px; }
|
||||
.entry-arrow { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
|
||||
.entry-time-tag { font-size: 10px; color: #bbb; margin-top: 3px; }
|
||||
|
||||
/* 健康现状卡片 */
|
||||
.health-status-card { background: linear-gradient(135deg, #f0f5ff 0%, #e6fffb 100%); border-radius: 16px; padding: 14px 16px; margin-bottom: 12px; display: flex; align-items: center; gap: 14px; cursor: pointer; transition: transform 0.15s; text-decoration: none; }
|
||||
@@ -85,7 +76,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
.health-status__icon--E { color: #52c41a; border: 2px solid #52c41a; }
|
||||
.health-status__info { flex: 1; min-width: 0; }
|
||||
.health-status__title { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 3px; }
|
||||
.health-status__desc { font-size: 12px; color: #666; }
|
||||
.health-status__tag { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 20px; font-size: 11px; font-weight: 600; }
|
||||
.health-status__tag--A { color: #ff4d4f; background: #fff1f0; }
|
||||
.health-status__tag--B { color: #fa8c16; background: #fff7e6; }
|
||||
@@ -120,7 +110,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
<div class="health-status__icon health-status__icon--A">A</div>
|
||||
<div class="health-status__info">
|
||||
<div class="health-status__title">健康现状 <span class="health-status__tag health-status__tag--A">A类·大病人群</span></div>
|
||||
<div class="health-status__desc">更新时间：2026-05-26 10:30</div>
|
||||
</div>
|
||||
<div class="health-status__arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
|
||||
</a>
|
||||
@@ -133,7 +122,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
<div class="core-card__icon icon--wearable">⌚</div>
|
||||
<div>
|
||||
<div class="core-card__name">穿戴监测</div>
|
||||
<div class="core-card__time">05-25 09:38 同步</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="core-card__arrow">
|
||||
@@ -149,50 +137,17 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
<div class="metric-cell">
|
||||
<div class="metric-cell__label"><span class="metric-cell__dot dot--heart"></span>心率</div>
|
||||
<div class="metric-cell__value">72</div>
|
||||
<div class="metric-cell__unit">bpm <span class="badge badge--good">正常</span></div>
|
||||
<div class="metric-cell__unit">bpm</div>
|
||||
</div>
|
||||
<div class="metric-cell">
|
||||
<div class="metric-cell__label"><span class="metric-cell__dot dot--oxygen"></span>血氧</div>
|
||||
<div class="metric-cell__value">98</div>
|
||||
<div class="metric-cell__unit">% <span class="badge badge--good">正常</span></div>
|
||||
<div class="metric-cell__unit">%</div>
|
||||
</div>
|
||||
<div class="metric-cell">
|
||||
<div class="metric-cell__label"><span class="metric-cell__dot dot--temp"></span>体温</div>
|
||||
<div class="metric-cell__value">36.5</div>
|
||||
<div class="metric-cell__unit">°C <span class="badge badge--good">正常</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 体重监测 大卡片 -->
|
||||
<a class="core-card" href="weight/index.html">
|
||||
<div class="core-card__header">
|
||||
<div class="core-card__title-wrap">
|
||||
<div class="core-card__icon icon--weight">⚖️</div>
|
||||
<div>
|
||||
<div class="core-card__name">体重监测</div>
|
||||
<div class="core-card__time">05-24 07:15 测量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="core-card__arrow">
|
||||
<svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="metrics-row">
|
||||
<div class="metric-cell">
|
||||
<div class="metric-cell__label"><span class="metric-cell__dot dot--weight"></span>体重</div>
|
||||
<div class="metric-cell__value">68.5</div>
|
||||
<div class="metric-cell__unit">kg</div>
|
||||
</div>
|
||||
<div class="metric-cell">
|
||||
<div class="metric-cell__label"><span class="metric-cell__dot dot--bmi"></span>BMI</div>
|
||||
<div class="metric-cell__value">22.3</div>
|
||||
<div class="metric-cell__unit"><span class="badge badge--good">正常</span></div>
|
||||
</div>
|
||||
<div class="metric-cell">
|
||||
<div class="metric-cell__label"><span class="metric-cell__dot dot--fat"></span>体脂率</div>
|
||||
<div class="metric-cell__value">18.2</div>
|
||||
<div class="metric-cell__unit">% <span class="badge badge--good">正常</span></div>
|
||||
<div class="metric-cell__unit">°C</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@@ -211,7 +166,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
<span class="entry-metric">水质 <span class="badge badge--good">达标</span></span>
|
||||
<span class="entry-metric">花粉 <span class="badge badge--normal">低</span></span>
|
||||
</div>
|
||||
<div class="entry-time-tag">05-25 09:30 更新</div>
|
||||
</div>
|
||||
<div class="entry-arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
|
||||
</a>
|
||||
@@ -225,7 +179,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
<span class="entry-metric">积分 <strong>1,280</strong></span>
|
||||
<span class="entry-metric">连续记录 <strong>7</strong> 天</span>
|
||||
</div>
|
||||
<div class="entry-time-tag">05-25 08:00 更新</div>
|
||||
</div>
|
||||
<div class="entry-arrow"><svg width="7" height="12" fill="none"><path d="M1 1l5 5-5 5" stroke="#ccc" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
|
||||
</a>
|
||||
|
||||
@@ -79,7 +79,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
|
||||
</span>
|
||||
</div>
|
||||
<div class="nav-bar">
|
||||
<div class="nav-back" onclick="location.href='../index.html'">
|
||||
<div class="nav-back" onclick="location.href='../home/index.html'">
|
||||
<svg width="12" height="20" fill="none"><path d="M10 2L2 10l8 8" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</div>
|
||||
<div class="nav-title">体重监测</div>
|
||||