feat(detailedReport): 完善详细报告页面布局与图标资源
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
co-authored by
Claude Opus 4.7
Claude Opus 4.7
parent
f13edf31b7
commit
92b395b8bd
@@ -3,96 +3,114 @@
|
||||
<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 class="bg">
|
||||
<image src="/images/home/bg.jpg" mode="aspectFit" />
|
||||
</view>
|
||||
|
||||
<!-- 基础指标 -->
|
||||
<view class="card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<view class="title-text">基础指标</view>
|
||||
<view class="detailedReport-container page-container">
|
||||
<view class="title">
|
||||
<view class="title_1">设备智联 · 掌握健康</view>
|
||||
<view class="title_2">留存测量记录，见证身形变化</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 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>
|
||||
</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>
|
||||
|
||||
<!-- 指标卡片 -->
|
||||
<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>
|
||||
|
||||
<!-- 指标卡片 -->
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user