Files
bodyWeight/miniprogram/pages/home/home.wxml
T
2026-08-25 11:46:47 +08:00

101 lines
3.1 KiB
Plaintext

<view class="home">
<view class="bg">
<image src="/images/home/bg.jpg" mode="aspectFit" />
</view>
<view class="home-container page-container">
<view class="title">
<view class="title_1">智能体重秤</view>
<view class="title_2">设备智联 · 掌握健康</view>
</view>
<view class="user" wx:if="{{ userInfo }}">
<view class="userAvatar">
<image src="{{ userInfo.sex_dictText === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
</view>
<view class="userInfo">
<view class="userName">{{ userInfo.realname }}</view>
<view class="userSex">{{ userInfo.sex_dictText }}·{{ userInfo.age }}岁<text>丨</text>{{ userInfo.height }}cm</view>
</view>
</view>
<block wx:if="{{ hasData }}">
<view class="recentMeasurements">
<view class="recentMeasurementsTitle">
<view></view>
<view>最近测量</view>
<view class="arrow" bind:tap="onTapDetailedReport">详细报告</view>
</view>
<view class="recentMeasurementsContent">
<view class="recentMeasurementsContentTop">
<view class="recentMeasurementsContentTopL">
<view>
<view>{{ record.weight }}</view>
<view>{{ record.weightDecimal }}</view>
<view>kg</view>
</view>
<view>{{ record.date }}</view>
</view>
<view class="recentMeasurementsContentTopR">
<view>
<view class="{{ record.diff < 0 ? 'diff-down' : (record.diff > 0 ? 'diff-up' : 'diff-neutral') }}">{{ record.diff < 0 ? -record.diff : record.diff }}</view>
<view>
<view>{{ record.diff < 0 ? '↓' : (record.diff > 0 ? '↑' : '') }}</view>
<view>kg</view>
</view>
</view>
<view>{{ record.diff < 0 ? '体重较上次减轻' : (record.diff > 0 ? '体重较上次增加' : '与上次持平') }}</view>
</view>
</view>
<view class="recentMeasurementsContentLine"></view>
<view class="recentMeasurementsContentBottom">
<view>
<view>身高</view>
<view>{{ record.height }}<text>cm</text></view>
</view>
<view>
<view>BMI<text>{{ record.bmiLabel }}</text></view>
<view>{{ record.bmi }}</view>
</view>
<view>
<view>体脂率</view>
<view>{{ record.bodyFat }}<text>%</text></view>
</view>
</view>
</view>
</view>
<view class="connect">
<view>
<image src="/images/home/lianjie.png" mode="aspectFit" />
</view>
</view>
<view class="detailedData">
<view class="detailedDataTitle">
<view></view>
<view>详细数据</view>
</view>
<view class="detailedDataContent">
<view>
<view>体脂肪量</view>
<view>{{ record.bodyFatMass }}<text>kg</text></view>
</view>
<view>
<view>体水分量</view>
<view>{{ record.bodyWater }}<text>kg</text></view>
</view>
<view>
<view>蛋白质量</view>
<view>{{ record.protein }}<text>kg</text></view>
</view>
</view>
</view>
</block>
<block wx:else>
<empty-data containerStyle="margin: 100rpx 0 200rpx;" />
</block>
</view>
</view>