99 lines
4.6 KiB
Plaintext
99 lines
4.6 KiB
Plaintext
<navBar title="详细报告" fixed="{{true}}" bgColor="{{navBgColor}}"/>
|
|
|
|
<view class="detailedReport">
|
|
<scroll-view class="scrollView" scroll-y bindscroll="onScroll">
|
|
<view class="scrollViewContent">
|
|
|
|
<!-- 顶部头部 -->
|
|
<view class="header">
|
|
<view class="header-slogan">
|
|
<view class="slogan-title">设备智联 · 掌握健康</view>
|
|
<view class="slogan-sub">留存测量记录，见证身形变化</view>
|
|
</view>
|
|
<view class="header-date">{{ header.date }}</view>
|
|
<view class="header-weight">
|
|
<view class="weight-num">{{ header.weight }}</view>
|
|
<view class="weight-unit">{{ header.unit }}</view>
|
|
</view>
|
|
<view class="header-info">
|
|
<view class="header-bmi">{{ header.bmi }}</view>
|
|
<view class="header-change">{{ header.change }}</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 }}" wx:key="label">
|
|
<view class="basic-item">
|
|
<view class="basic-label">{{ item.label }}</view>
|
|
<view class="basic-value-row">
|
|
<view class="basic-value">{{ item.value }}</view>
|
|
<view class="basic-unit">{{ item.unit }}</view>
|
|
<view class="basic-tag" wx:if="{{ item.tag }}">{{ item.tag }}</view>
|
|
</view>
|
|
</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>
|
|
</scroll-view>
|
|
</view>
|