117 lines
5.7 KiB
Plaintext
117 lines
5.7 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="card">
|
|
<view class="card-title">
|
|
<view class="title-bar"></view>
|
|
<view class="title-text">基础指标</view>
|
|
</view>
|
|
<view class="basic-grid">
|
|
<block wx:for="{{ basic.rows }}" wx:key="index" wx:for-item="row">
|
|
<view class="basic-row">
|
|
<block wx:for="{{ row }}" wx:key="label" wx:for-item="cell">
|
|
<view class="basic-cell">
|
|
<view class="basic-label">{{ cell.label }}</view>
|
|
<view class="basic-value-row">
|
|
<view class="basic-value">{{ cell.value }}</view>
|
|
<view class="basic-unit" wx:if="{{ cell.unit }}">{{ cell.unit }}</view>
|
|
<view class="basic-tag" wx:if="{{ cell.tag }}">{{ cell.tag }}</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
<view class="bmi-scale">
|
|
<view class="scale-track">
|
|
<view class="scale-block scale-block--low"></view>
|
|
<view class="scale-block scale-block--normal"></view>
|
|
<view class="scale-block scale-block--over"></view>
|
|
<view class="scale-block scale-block--obese"></view>
|
|
</view>
|
|
<view class="scale-row">
|
|
<view>消瘦</view>
|
|
<view>正常</view>
|
|
<view>超重</view>
|
|
<view>肥胖</view>
|
|
</view>
|
|
<view class="scale-row scale-row--range">
|
|
<view>BMI<18.5</view>
|
|
<view>18.5≤BMI<24</view>
|
|
<view>24≤BMI<28</view>
|
|
<view>BMI≥28</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 指标卡片 -->
|
|
<block wx:for="{{ sections }}" wx:key="title" wx:for-item="section">
|
|
<view class="card">
|
|
<view class="card-title">
|
|
<view class="title-bar"></view>
|
|
<view class="title-text">{{ section.title }}</view>
|
|
</view>
|
|
<block wx:for="{{ section.items }}" wx:key="label" wx:for-item="item">
|
|
<view class="metric-row">
|
|
<view class="metric-label">{{ item.label }}</view>
|
|
<view class="metric-value">{{ item.value }}</view>
|
|
<view class="metric-status metric-status--{{ item.statusClass }}">{{ item.status }}</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 躯干/四肢 -->
|
|
<block wx:for="{{ limbSections }}" wx:key="title" wx:for-item="section">
|
|
<view class="card">
|
|
<view class="card-title">
|
|
<view class="title-bar"></view>
|
|
<view class="title-text">{{ section.title }}</view>
|
|
</view>
|
|
<block wx:for="{{ section.items }}" wx:key="label" wx:for-item="item">
|
|
<view class="metric-row">
|
|
<view class="metric-label">{{ item.label }}</view>
|
|
<view class="metric-value">{{ item.value }}</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|