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

2026-05-12 15:10:50 +08:00
parent 6a4f09e0a0
commit 3b072173b5
8 changed files with 265 additions and 14 deletions
@@ -1,6 +1,115 @@
-.container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-}
+.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;
+			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;
+					}
+				}
+			}
+		}
+	}
+}