diff --git a/miniprogram/pages/detailedReport/detailedReport.less b/miniprogram/pages/detailedReport/detailedReport.less index eb22572..a404520 100644 --- a/miniprogram/pages/detailedReport/detailedReport.less +++ b/miniprogram/pages/detailedReport/detailedReport.less @@ -307,6 +307,91 @@ } } } + + /* 指标卡片 */ + .metricCard { + width: 100%; + border-radius: 24rpx; + background-color: #FFFFFF; + margin-bottom: 24rpx; + + .metricCardTitle { + width: 100%; + height: 96rpx; + display: flex; + flex-wrap: nowrap; + align-items: center; + padding: 0 32rpx; + box-sizing: border-box; + border-bottom: 2rpx solid #EAECF1; + + .metricCardBar { + width: 6rpx; + height: 20rpx; + border-radius: 4rpx; + background-color: #1385FA; + margin-right: 16rpx; + } + + .metricCardTitleText { + color: #252535; + height: 32rpx; + font-size: 32rpx; + line-height: 32rpx; + } + } + + .metricCardList { + width: 100%; + padding: 0 32rpx 40rpx; + box-sizing: border-box; + + .metricCardRow { + width: 100%; + display: flex; + align-items: center; + padding: 20rpx 0; + border-bottom: 2rpx dashed #EAECF1; + + .metricCardLabel { + flex: 1; + color: #77849E; + height: 28rpx; + font-size: 28rpx; + line-height: 28rpx; + } + + .metricCardValue { + color: #252535; + height: 28rpx; + font-size: 28rpx; + line-height: 28rpx; + margin-right: 24rpx; + } + + .metricCardStatus { + height: 40rpx; + padding: 0 10rpx; + border-radius: 8rpx; + font-size: 24rpx; + line-height: 40rpx; + color: #FFFFFF; + } + + .metricCardStatus--normal { + background-color: #2AC79F; + } + + .metricCardStatus--low { + background-color: #1385FA; + } + + .metricCardStatus--high { + background-color: #F24439; + } + } + } + } } } } diff --git a/miniprogram/pages/detailedReport/detailedReport.ts b/miniprogram/pages/detailedReport/detailedReport.ts index 9b8a201..a38b9b8 100644 --- a/miniprogram/pages/detailedReport/detailedReport.ts +++ b/miniprogram/pages/detailedReport/detailedReport.ts @@ -8,96 +8,7 @@ Page({ date: '2026-07-23 16:32', bmi: 'BMI正常', change: '较上次-0.3kg' - }, - basic: { - rows: [ - [ - { label: '体重', value: '172', unit: 'kg', tag: '' }, - { label: 'BMI', value: '22.4', unit: '', tag: '标准' }, - { label: '体脂率', value: '22.1', unit: '%', tag: '' } - ], - [ - { label: '身体得分', value: '73', unit: '分', tag: '' }, - { label: '健康评估', value: '一般', unit: '', tag: '' } - ] - ] - }, - sections: [ - { - title: '身体成分', - items: [ - { label: '水分率', value: '50%', status: '不足', statusClass: 'low' }, - { label: '水分量', value: '30.6kg', status: '标准', statusClass: 'normal' }, - { label: '蛋白质率', value: '10%', status: '超量', statusClass: 'high' }, - { label: '蛋白质量', value: '8.2kg', status: '标准', statusClass: 'normal' }, - { label: '脂肪量', value: '14.3kg', status: '标准', statusClass: 'normal' }, - { label: '肌肉量', value: '38.8kg', status: '标准', statusClass: 'normal' }, - { label: '肌肉率', value: '69.2%', status: '标准', statusClass: 'normal' }, - { label: '骨骼肌量', value: '22.5kg', status: '标准', statusClass: 'normal' }, - { label: '骨骼肌率', value: '40%', status: '标准', statusClass: 'normal' }, - { label: '骨量', value: '2.3kg', status: '标准', statusClass: 'normal' } - ] - }, - { - title: '脂肪分析', - items: [ - { label: '内脏脂肪', value: '6', status: '不足', statusClass: 'low' }, - { label: '皮下脂肪率', value: '22.5%', status: '标准', statusClass: 'normal' }, - { label: '皮下脂肪量', value: '12.6kg', status: '标准', statusClass: 'normal' } - ] - }, - { - title: '体态管理', - items: [ - { label: '理想体重', value: '62.1kg', status: '标准', statusClass: 'normal' }, - { label: '去脂体重', value: '41.7kg', status: '标准', statusClass: 'normal' }, - { label: '身体年龄', value: '20岁', status: '标准', statusClass: 'normal' }, - { label: '身体类型', value: '缺乏运动型', status: '标准', statusClass: 'normal' }, - { label: '推测腰臀比', value: '0.8%', status: '标准', statusClass: 'normal' } - ] - }, - { - title: '体重管控', - items: [ - { label: '控制体重', value: '3.9kg', status: '标准', statusClass: 'normal' }, - { label: '脂肪控制量', value: '-0.5kg', status: '标准', statusClass: 'normal' }, - { label: '肌肉控制量', value: '4.4kg', status: '标准', statusClass: 'normal' } - ] - }, - { - title: '细胞液分析', - items: [ - { label: '细胞内水量', value: '19.1kg', status: '标准', statusClass: 'normal' }, - { label: '细胞外水量', value: '11.4kg', status: '标准', statusClass: 'normal' } - ] - }, - { - title: '进阶成分', - items: [ - { label: '无机盐量', value: '2.9kg', status: '不足', statusClass: 'low' }, - { label: '身体细胞量', value: '27.4kg', status: '标准', statusClass: 'normal' }, - { label: '骨骼肌质量指数', value: '7.2kg/m²', status: '标准', statusClass: 'normal' } - ] - } - ], - limbSections: [ - { - title: '躯干/四肢脂肪', - rows: [ - [{ label: '左臂', value: '2.3kg丨80.9%' }, { label: '右臂', value: '2.3kg丨80.9%' }], - [{ label: '左腿', value: '6.3kg丨100%' }, { label: '右腿', value: '6.3kg丨100%' }], - [{ label: '躯干', value: '18.4kg丨97.8%' }] - ] - }, - { - title: '躯干/四肢肌肉', - rows: [ - [{ label: '左臂', value: '2.3kg丨80.9%' }, { label: '右臂', value: '2.3kg丨80.9%' }], - [{ label: '左腿', value: '6.3kg丨100%' }, { label: '右腿', value: '6.3kg丨100%' }], - [{ label: '躯干', value: '18.4kg丨97.8%' }] - ] - } - ] + } }, // 滚动时导航栏背景渐显 diff --git a/miniprogram/pages/detailedReport/detailedReport.wxml b/miniprogram/pages/detailedReport/detailedReport.wxml index ae1ba92..b0285a4 100644 --- a/miniprogram/pages/detailedReport/detailedReport.wxml +++ b/miniprogram/pages/detailedReport/detailedReport.wxml @@ -102,6 +102,196 @@ + + + + + 身体成分 + + + + 水分率 + 50% + 不足 + + + 水分量 + 30.6kg + 标准 + + + 蛋白质率 + 10% + 超量 + + + 蛋白质量 + 8.2kg + 标准 + + + 脂肪量 + 14.3kg + 标准 + + + 肌肉量 + 38.8kg + 标准 + + + 肌肉率 + 69.2% + 标准 + + + 骨骼肌量 + 22.5kg + 标准 + + + 骨骼肌率 + 40% + 标准 + + + 骨量 + 2.3kg + 标准 + + + + + + + + + 脂肪分析 + + + + 内脏脂肪 + 6 + 不足 + + + 皮下脂肪率 + 22.5% + 标准 + + + 皮下脂肪量 + 12.6kg + 标准 + + + + + + + + + 体态管理 + + + + 理想体重 + 62.1kg + 标准 + + + 去脂体重 + 41.7kg + 标准 + + + 身体年龄 + 20岁 + 标准 + + + 身体类型 + 缺乏运动型 + 标准 + + + 推测腰臀比 + 0.8% + 标准 + + + + + + + + + 体重管控 + + + + 控制体重 + 3.9kg + 标准 + + + 脂肪控制量 + -0.5kg + 标准 + + + 肌肉控制量 + 4.4kg + 标准 + + + + + + + + + 细胞液分析 + + + + 细胞内水量 + 19.1kg + 标准 + + + 细胞外水量 + 11.4kg + 标准 + + + + + + + + + 进阶成分 + + + + 无机盐量 + 2.9kg + 不足 + + + 身体细胞量 + 27.4kg + 标准 + + + 骨骼肌质量指数 + 7.2kg/m² + 标准 + + + +