432 lines
24 KiB
Plaintext
432 lines
24 KiB
Plaintext
<navBar title="详细报告" fixed="{{true}}" bgColor="{{navBgColor}}"/>
|
|
|
|
<view class="detailedReport">
|
|
<scroll-view class="scrollView" scroll-y bindscroll="onScroll">
|
|
<view class="scrollViewContent">
|
|
<view class="bg">
|
|
<image src="/images/home/bg.jpg" mode="aspectFit" />
|
|
</view>
|
|
|
|
<view class="detailedReport-container page-container">
|
|
<view class="title">
|
|
<view class="title_1">设备智联 · 掌握健康</view>
|
|
<view class="title_2">留存测量记录，见证身形变化</view>
|
|
</view>
|
|
|
|
<!-- 顶部头部 -->
|
|
<view class="header">
|
|
<view class="header-top">
|
|
<view>
|
|
<image src="/images/detailedReport/calendar.png" mode="aspectFit" />
|
|
</view>
|
|
<view>{{ header.date }}</view>
|
|
</view>
|
|
<view class="header-bottom">
|
|
<view class="header-weight">
|
|
<view class="weight-num1">88</view>
|
|
<view class="weight-num2">.88</view>
|
|
<view class="weight-unit">kg</view>
|
|
</view>
|
|
<view class="header-info">
|
|
<view class="header-bmi">{{ header.bmi }}</view>
|
|
<view class="header-change">{{ header.change }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 基础指标 -->
|
|
<view class="basicIndicators">
|
|
<view class="basicIndicatorsTitle">
|
|
<view class="basicIndicatorsBar"></view>
|
|
<view class="basicIndicatorsTitleText">基础指标</view>
|
|
</view>
|
|
<view class="basicIndicatorsGrid">
|
|
<view class="basicIndicatorsRow">
|
|
<view class="basicIndicatorsCell">
|
|
<view class="basicIndicatorsLabel">体重</view>
|
|
<view class="basicIndicatorsValueRow">
|
|
<view class="basicIndicatorsValue">172</view>
|
|
<view class="basicIndicatorsUnit">kg</view>
|
|
</view>
|
|
</view>
|
|
<view class="basicIndicatorsCell">
|
|
<view class="basicIndicatorsLabel">BMI</view>
|
|
<view class="basicIndicatorsValueRow">
|
|
<view class="basicIndicatorsValue">22.4</view>
|
|
</view>
|
|
</view>
|
|
<view class="basicIndicatorsCell">
|
|
<view class="basicIndicatorsLabel">体脂率</view>
|
|
<view class="basicIndicatorsValueRow">
|
|
<view class="basicIndicatorsValue">22.1</view>
|
|
<view class="basicIndicatorsUnit">%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="basicIndicatorsRow">
|
|
<view class="basicIndicatorsCell">
|
|
<view class="basicIndicatorsLabel">身体得分</view>
|
|
<view class="basicIndicatorsValueRow">
|
|
<view class="basicIndicatorsValue">73</view>
|
|
<view class="basicIndicatorsUnit">分</view>
|
|
</view>
|
|
</view>
|
|
<view class="basicIndicatorsCell">
|
|
<view class="basicIndicatorsLabel">健康评估</view>
|
|
<view class="basicIndicatorsValueRow">
|
|
<view class="basicIndicatorsValue">一般</view>
|
|
</view>
|
|
</view>
|
|
<view class="basicIndicatorsCell"></view>
|
|
</view>
|
|
</view>
|
|
<view class="basicIndicatorsScale">
|
|
<view class="basicIndicatorsTrack">
|
|
<view class="basicIndicatorsBlock basicIndicatorsBlock--low"></view>
|
|
<view class="basicIndicatorsBlock basicIndicatorsBlock--normal"></view>
|
|
<view class="basicIndicatorsBlock basicIndicatorsBlock--over"></view>
|
|
<view class="basicIndicatorsBlock basicIndicatorsBlock--obese"></view>
|
|
<view class="basicIndicatorsCircle"></view>
|
|
</view>
|
|
<view class="basicIndicatorsScaleRow">
|
|
<view>消瘦</view>
|
|
<view>正常</view>
|
|
<view>超重</view>
|
|
<view>肥胖</view>
|
|
</view>
|
|
<view class="basicIndicatorsScaleRow basicIndicatorsScaleRow--range">
|
|
<view>BMI<18.5</view>
|
|
<view>18.5≤BMI<24</view>
|
|
<view>24≤BMI<28</view>
|
|
<view>BMI≥28</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 身体成分 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">身体成分</view>
|
|
</view>
|
|
<view class="metricCardList">
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">水分率</view>
|
|
<view class="metricCardValue">50%</view>
|
|
<view class="metricCardStatus metricCardStatus--low">不足</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">水分量</view>
|
|
<view class="metricCardValue">30.6kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">蛋白质率</view>
|
|
<view class="metricCardValue">10%</view>
|
|
<view class="metricCardStatus metricCardStatus--high">超量</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">蛋白质量</view>
|
|
<view class="metricCardValue">8.2kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">脂肪量</view>
|
|
<view class="metricCardValue">14.3kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">肌肉量</view>
|
|
<view class="metricCardValue">38.8kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">肌肉率</view>
|
|
<view class="metricCardValue">69.2%</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">骨骼肌量</view>
|
|
<view class="metricCardValue">22.5kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">骨骼肌率</view>
|
|
<view class="metricCardValue">40%</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">骨量</view>
|
|
<view class="metricCardValue">2.3kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 脂肪分析 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">脂肪分析</view>
|
|
</view>
|
|
<view class="metricCardList">
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">内脏脂肪</view>
|
|
<view class="metricCardValue">6</view>
|
|
<view class="metricCardStatus metricCardStatus--low">不足</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">皮下脂肪率</view>
|
|
<view class="metricCardValue">22.5%</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">皮下脂肪量</view>
|
|
<view class="metricCardValue">12.6kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 体态管理 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">体态管理</view>
|
|
</view>
|
|
<view class="metricCardList">
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">理想体重</view>
|
|
<view class="metricCardValue">62.1kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">去脂体重</view>
|
|
<view class="metricCardValue">41.7kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">身体年龄</view>
|
|
<view class="metricCardValue">20岁</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">身体类型</view>
|
|
<view class="metricCardValue">缺乏运动型</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">推测腰臀比</view>
|
|
<view class="metricCardValue">0.8%</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 体重管控 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">体重管控</view>
|
|
</view>
|
|
<view class="metricCardList">
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">控制体重</view>
|
|
<view class="metricCardValue">3.9kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">脂肪控制量</view>
|
|
<view class="metricCardValue">-0.5kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">肌肉控制量</view>
|
|
<view class="metricCardValue">4.4kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 细胞液分析 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">细胞液分析</view>
|
|
</view>
|
|
<view class="metricCardList">
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">细胞内水量</view>
|
|
<view class="metricCardValue">19.1kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">细胞外水量</view>
|
|
<view class="metricCardValue">11.4kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 进阶成分 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">进阶成分</view>
|
|
</view>
|
|
<view class="metricCardList">
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">无机盐量</view>
|
|
<view class="metricCardValue">2.9kg</view>
|
|
<view class="metricCardStatus metricCardStatus--low">不足</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">身体细胞量</view>
|
|
<view class="metricCardValue">27.4kg</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
<view class="metricCardRow">
|
|
<view class="metricCardLabel">骨骼肌质量指数</view>
|
|
<view class="metricCardValue">7.2kg/m²</view>
|
|
<view class="metricCardStatus metricCardStatus--normal">标准</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 躯干/四肢脂肪 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">躯干/四肢脂肪</view>
|
|
</view>
|
|
<view class="bodyPartsList">
|
|
<view class="bodyPartsRow">
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">左臂</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">2.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">80.9</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">右臂</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">2.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">80.9</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartsRow">
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">左腿</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">6.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">100</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">右腿</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">6.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">100</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartsRow">
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">躯干</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">18.4</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">97.8</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 躯干/四肢肌肉 -->
|
|
<view class="metricCard">
|
|
<view class="metricCardTitle">
|
|
<view class="metricCardBar"></view>
|
|
<view class="metricCardTitleText">躯干/四肢肌肉</view>
|
|
</view>
|
|
<view class="bodyPartsList">
|
|
<view class="bodyPartsRow">
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">左臂</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">2.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">80.9</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">右臂</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">2.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">80.9</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartsRow">
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">左腿</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">6.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">100</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">右腿</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">6.3</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">100</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bodyPartsRow">
|
|
<view class="bodyPartCell">
|
|
<view class="bodyPartLabel">躯干</view>
|
|
<view class="bodyPartValue">
|
|
<view class="bodyPartNum">18.4</view>
|
|
<view class="bodyPartUnit">kg</view>
|
|
<view class="bodyPartSep">丨</view>
|
|
<view class="bodyPartNum">97.8</view>
|
|
<view class="bodyPartUnit">%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|