<!DOCTYPE html>
|
<html lang="zh-CN">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>人体成分分析报告</title>
|
<style>
|
body {
|
font-family: Arial, sans-serif;
|
margin: 0;
|
padding: 0;
|
}
|
|
.container {
|
width: 100%;
|
max-width: 1200px;
|
margin: 0 auto;
|
padding: 20px;
|
background-color: #f4f4f4;
|
}
|
|
h1 {
|
color: #c0392b;
|
text-align: center;
|
}
|
|
table {
|
width: 100%;
|
border-collapse: collapse;
|
}
|
|
th, td {
|
border: 1px solid #ddd;
|
padding: 8px;
|
text-align: left;
|
}
|
|
th {
|
background-color: #3498db;
|
color: white;
|
}
|
|
section {
|
margin-top: 20px;
|
}
|
|
.chart {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.chart img {
|
width: 48%;
|
}
|
|
.analysis {
|
margin-top: 20px;
|
}
|
|
.analysis p {
|
margin-bottom: 10px;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="container">
|
<h1>人体成分分析报告</h1>
|
|
<section>
|
<h2>基本信息</h2>
|
<table>
|
<tr>
|
<th>姓名</th>
|
<th>ID编号</th>
|
<th>性别</th>
|
<th>年龄</th>
|
<th>测试日期</th>
|
</tr>
|
<tr>
|
<td>Jonson</td>
|
<td>7347204156</td>
|
<td>男</td>
|
<td>39</td>
|
<td>2019.09.27 00:00</td>
|
</tr>
|
</table>
|
</section>
|
|
<section>
|
<h2>人体成分分析</h2>
|
<table>
|
<tr>
|
<th>项目</th>
|
<th>测量值</th>
|
<th>体内水分</th>
|
<th>肌肉量</th>
|
<th>去脂肪质量</th>
|
<th>体重</th>
|
<th>标准范围</th>
|
</tr>
|
<tr>
|
<td>细胞内水份(L)</td>
|
<td>30.8</td>
|
<td>49.6</td>
|
<td>64.2</td>
|
<td>67.8</td>
|
<td>83.1</td>
|
<td>22.7~27.7</td>
|
</tr>
|
<!-- 更多行... -->
|
</table>
|
</section>
|
|
<section class="chart">
|
<img src="path_to_image_1.png" alt="Image 1">
|
<img src="path_to_image_2.png" alt="Image 2">
|
</section>
|
|
<section>
|
<h2>综合评价</h2>
|
<p>总分：88.0 / 100 分</p>
|
<p>目标调节指导：...</p>
|
<!-- 更多段落... -->
|
</section>
|
|
<section>
|
<h2>节段肌肉与脂肪分析及体型判定</h2>
|
<img src="path_to_image_3.png" alt="Image 3">
|
<p>体型判定：过重肌肉型</p>
|
</section>
|
|
<section>
|
<h2>肌肉品质</h2>
|
<img src="path_to_image_4.png" alt="Image 4">
|
<p>肌肉品质综合评价：78 / 100 分</p>
|
</section>
|
|
<section>
|
<h2>人体成分历史变化</h2>
|
<img src="path_to_image_5.png" alt="Image 5">
|
</section>
|
</div>
|
</body>
|
</html>
|
