yuchunlei/bodyWeight
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(detailedReport): 新增躯干四肢脂肪与肌肉进阶成分网格卡片

Browse Source 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-08-20 10:34:48 +08:00
co-authored by Claude Opus 4.7
parent 1f5cc2c743
commit 090b33d0b3
4 changed files with 196 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -15,6 +15,7 @@ dist-ssr
# 环境变量文件（含敏感配置，禁止提交）
# .env
# .env.*
.mcp.json
# Editor directories and files
.vscode/*
miniprogram/app.json
+1 -1
View File
@@ -1,11 +1,11 @@
{
"pages": [
"pages/detailedReport/detailedReport",
"pages/login/login",
"pages/supplementPersonal/supplementPersonal",
"pages/connectedDevice/connectedDevice",
"pages/connectedWifi/connectedWifi",
"pages/home/home",
"pages/detailedReport/detailedReport",
"pages/equipment/equipment",
"pages/userManagement/userManagement",
"pages/addUser/addUser",
miniprogram/pages/detailedReport/detailedReport.less
+62
View File
@@ -177,6 +177,7 @@
color: #252535;
height: 32rpx;
font-size: 32rpx;
font-weight: bolder;
line-height: 32rpx;
}
}
@@ -337,6 +338,7 @@
color: #252535;
height: 32rpx;
font-size: 32rpx;
font-weight: bolder;
line-height: 32rpx;
}
}
@@ -391,6 +393,66 @@
}
}
}
.bodyPartsList {
width: 100%;
padding: 0 32rpx 40rpx;
box-sizing: border-box;
.bodyPartsRow {
width: 100%;
display: flex;
flex-wrap: nowrap;
border-bottom: 2rpx solid #EAECF1;
.bodyPartCell {
flex: 1;
padding: 36rpx 24rpx;
box-sizing: border-box;
border-right: 2rpx solid #EAECF1;
&:last-of-type {
border-right: none;
}
.bodyPartLabel {
color: #808080;
height: 26rpx;
font-size: 26rpx;
line-height: 26rpx;
margin-bottom: 24rpx;
}
.bodyPartValue {
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
.bodyPartNum {
color: #252535;
height: 40rpx;
font-size: 40rpx;
line-height: 40rpx;
}
.bodyPartUnit {
color: #252535;
height: 24rpx;
font-size: 24rpx;
line-height: 24rpx;
}
.bodyPartSep {
color: #EAECFA;
height: 32rpx;
font-size: 32rpx;
line-height: 32rpx;
}
}
}
}
}
}
}
}
miniprogram/pages/detailedReport/detailedReport.wxml
+132
View File
@@ -292,6 +292,138 @@
</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>