[AI Generated]: feat(Views): 优化数据页数据卡交互与样式

miniprogram/pages/data/data.wxml

@@ -1,78 +1,79 @@
 <scroll-view class="scrollView" scroll-y>
 	<view class="scrollViewContent">
+
+		<!-- 数据卡(成员信息 + 时间 Tab + 统计) -->
 		<view class="data-card">
+
+			<!-- 成员信息 -->
 			<view class="userInfo">
-				<view class="avatar"></view>
+				<view class="avatar" style="background: {{ currentMember.avatar }};"></view>
 				<view class="info">
-					<view>
-						<view>陈小飞</view>
-						<view>本人</view>
+					<view class="info-name-row">
+						<view class="info-name">{{ currentMember.name }}</view>
+						<block wx:if="{{ currentMember.isSelf }}">
+							<view class="badge-self">本人</view>
+						</block>
 					</view>
-					<view>
-						<view>男·32岁</view>
-						<view>|</view>
-						<view>172cm</view>
+					<view class="info-meta">
+						<view class="meta-text">{{ currentMember.gender }}</view>
+						<view class="meta-divider">·</view>
+						<view class="meta-text">{{ currentMember.age }}岁</view>
+						<view class="meta-divider">|</view>
+						<view class="meta-text">{{ currentMember.height }}cm</view>
 					</view>
 				</view>
-				<view class="btn">切换成员</view>
+				<view class="btn" bind:tap="onTapSwitchMember">切换成员</view>
 			</view>
+
+			<view class="card-divider"></view>
+
+			<!-- 时间范围 Tab -->
 			<view class="nav">
-				<view class="active">近7天</view>
-				<view>近30天</view>
-				<view>近3月</view>
+				<block wx:for="{{ rangeTabs }}" wx:key="key">
+					<view
+						class="{{ activeRange === item.key ? 'active' : '' }}"
+						data-key="{{ item.key }}"
+						bind:tap="onTapRange"
+					>{{ item.label }}</view>
+				</block>
 			</view>
+
+			<!-- 统计摘要(4格) -->
 			<view class="summary">
 				<view class="summary-item">
-					<view>最高体重</view>
-					<view>
-						<text></text>
-						62.1
-						<text>kg</text>
-					</view>
+					<view class="summary-label">最高体重</view>
+					<view class="summary-value">{{ stats.maxWeight }}<text>kg</text></view>
 				</view>
 				<view class="summary-item">
-					<view>最低体重</view>
-					<view>
-						<text></text>
-						62.1
-						<text>kg</text>
-					</view>
+					<view class="summary-label">最低体重</view>
+					<view class="summary-value">{{ stats.minWeight }}<text>kg</text></view>
 				</view>
 				<view class="summary-item">
-					<view>平均体重</view>
-					<view>
-						<text></text>
-						62.1
-						<text>kg</text>
-					</view>
+					<view class="summary-label">平均体重</view>
+					<view class="summary-value">{{ stats.avgWeight }}<text>kg</text></view>
 				</view>
 				<view class="summary-item">
-					<view>体重变化</view>
-					<view>
-						<text></text>
-						62.1
-						<text>kg</text>
+					<view class="summary-label">体重变化</view>
+					<view class="summary-value {{ stats.weightDiff < 0 ? 'value-down' : 'value-up' }}">
+						{{ stats.weightDiff > 0 ? '+' : '' }}{{ stats.weightDiff }}<text>kg</text>
 					</view>
 				</view>
 			</view>
 		</view>
+
+		<!-- 历史记录列表 -->
 		<view class="data-list">
-			<view class="list">
-				<view>2026.05.12 13:44</view>
-				<view>
-					<view>体重：<text>62.2kg</text></view>
-					<view>BMI：<text>22.8</text></view>
-					<view>体脂率：<text>21.6%</text></view>
+			<block wx:for="{{ recordList }}" wx:key="id">
+				<view class="list">
+					<view>{{ item.time }}</view>
+					<view>
+						<view>体重：<text>{{ item.weight }}kg</text></view>
+						<view>BMI：<text>{{ item.bmi }}</text></view>
+						<view>体脂率：<text>{{ item.bodyFat }}%</text></view>
+					</view>
 				</view>
-			</view>
-			<view class="list">
-				<view>2026.05.12 13:44</view>
-				<view>
-					<view>体重：<text>62.2kg</text></view>
-					<view>BMI：<text>22.8</text></view>
-					<view>体脂率：<text>21.6%</text></view>
-				</view>
-			</view>
+			</block>
 		</view>
+
 	</view>
 </scroll-view>