[AI Generated]: feat(Views): 新增数据页历史记录结构与样式

.idea/claudeCodeTabState.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ClaudeCodeTabState">
+    <option name="tabCount" value="2" />
+  </component>
+</project>

miniprogram/app.json

@@ -1,14 +1,14 @@
 {
   "pages": [
-    "pages/equipmentMember/equipmentMember",
+    "pages/data/data",
     "pages/login/login",
     "pages/connectedDevice/connectedDevice",
     "pages/connectedWifi/connectedWifi",
     "pages/supplementPersonal/supplementPersonal",
+    "pages/equipmentMember/equipmentMember",
     "pages/addMember/addMember",
     "pages/home/home",
     "pages/equipment/equipment",
-    "pages/data/data",
     "pages/my/my"
   ],
   "window": {

miniprogram/pages/data/data.less

@@ -1,6 +1,115 @@
-.container {
+.scrollViewContent {
+	width: 100%;
+	padding: 24rpx 30rpx;
+	box-sizing: border-box;
+
+	.data-card {
+		width: 100%;
+		padding: 40rpx 30rpx 30rpx;
+		box-sizing: border-box;
+		border-radius: 24rpx;
+		margin-bottom: 30rpx;
+		background-color: #FFFFFF;
+
+		.userInfo {}
+
+		.nav {
+			width: 100%;
+			height: 72rpx;
+			padding: 4rpx;
+			box-sizing: border-box;
 			display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
+			flex-wrap: nowrap;
+			background-color: #E8EBF2;
+			border-radius: 16rpx;
+			margin-bottom: 24rpx;
+
+			>view {
+				flex: 1;
+				height: 64rpx;
+				border-radius: 16rpx;
+				font-size: 28rpx;
+				color: #808080;
+				line-height: 64rpx;
+				text-align: center;
+
+				&.active {
+					color: #FFFFFF;
+					font-weight: bold;
+					background-color: #1385FA;
+				}
+			}
+		}
+
+		.summary {
+			width: 100%;
+			display: flex;
+			flex-wrap: nowrap;
+			justify-content: space-between;
+			padding: 24rpx 0;
+			background-color: #F3F4F6;
+			border-radius: 16rpx;
+
+			.summary-item {
+				flex: 1
+
+				// > view:first-of-type {
+				// 	width: 94rpx;
+				// 	height: 23rpx;
+				// 	font-family: HarmonyOS Sans SC;
+				// 	font-weight: 400;
+				// 	font-size: 24rpx;
+				// 	color: #808080;
+				// 	margin-bottom: 30rpx;
+				// }
+
+				// > view:last-of-type {
+
+				// }
+			}
+		}
+	}
+
+	.data-list {
+		width: 100%;
+
+		.list {
+			width: 100%;
+			margin-bottom: 30rpx;
+
+			> view:first-of-type {
+				color: #808080;
+				width: 100%;
+				height: 24rpx;
+				font-size: 24rpx;
+				line-height: 24rpx;
+				margin-bottom: 20rpx;
+			}
+
+			> view:last-of-type {
+				width: 100%;
+				height: 96rpx;
+				display: flex;
+				justify-content: space-between;
+				padding-left: 30rpx;
+				padding-right: 50rpx;
+				box-sizing: border-box;
+				flex-wrap: nowrap;
+				border-radius: 16rpx;
+				background-color: #FFFFFF;
+
+				> view {
+					color: #808080;
+					font-size: 26rpx;
+					height: 96rpx;
+					line-height: 96rpx;
+
+					text {
+						color: #252535;
+						font-weight: bold;
+					}
+				}
+			}
+		}
+	}
 }

miniprogram/pages/data/data.ts

@@ -1,5 +1,66 @@
 Page({
-  data: {},
 
-  onLoad() {},
+  /**
+   * 页面的初始数据
+   */
+  data: {
+	
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {
+	
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+	
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+	
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+	
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+	
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+	
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+	
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage(opts): WechatMiniprogram.Page.ICustomShareContent {
+	console.log(opts.target)
+	return {}
+  }
 })

miniprogram/pages/data/data.wxml

@@ -1,3 +1,78 @@
-<view class="container">
-  <text>数据</text>
+<scroll-view class="scrollView" scroll-y>
+	<view class="scrollViewContent">
+		<view class="data-card">
+			<view class="userInfo">
+				<view class="avatar"></view>
+				<view class="info">
+					<view>
+						<view>陈小飞</view>
+						<view>本人</view>
 					</view>
+					<view>
+						<view>男·32岁</view>
+						<view>|</view>
+						<view>172cm</view>
+					</view>
+				</view>
+				<view class="btn">切换成员</view>
+			</view>
+			<view class="nav">
+				<view class="active">近7天</view>
+				<view>近30天</view>
+				<view>近3月</view>
+			</view>
+			<view class="summary">
+				<view class="summary-item">
+					<view>最高体重</view>
+					<view>
+						<text></text>
+						62.1
+						<text>kg</text>
+					</view>
+				</view>
+				<view class="summary-item">
+					<view>最低体重</view>
+					<view>
+						<text></text>
+						62.1
+						<text>kg</text>
+					</view>
+				</view>
+				<view class="summary-item">
+					<view>平均体重</view>
+					<view>
+						<text></text>
+						62.1
+						<text>kg</text>
+					</view>
+				</view>
+				<view class="summary-item">
+					<view>体重变化</view>
+					<view>
+						<text></text>
+						62.1
+						<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>
+				</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>
+		</view>
+	</view>
+</scroll-view>