样式修复

2026-06-12 17:59:46 +08:00
parent c3902b1c82
commit 768fe8c936
7 changed files with 392 additions and 27 deletions
@@ -499,7 +499,7 @@
 			flex-shrink: 0;
 			display: flex;
 			align-items: center;
-			padding: 12rpx 20rpx;
+			padding: 10rpx 20rpx;
 			background: #f5f6f8;
 			border-radius: 8rpx;

@@ -1130,6 +1130,189 @@
 	}
 }

+// 试压前条件确认列表样式
+.page-list,.pressure-filter {
+	.filter-section {
+		background: #ffffff;
+		padding: 20rpx;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+	}
+
+	.filter-item {
+		display: flex;
+		align-items: center;
+		height: 70rpx;
+		padding: 0 20rpx;
+		background: #f8fafc;
+		border-radius: 12rpx;
+		margin-bottom: 16rpx;
+		border: 1rpx solid #e2e8f0;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+
+	.filter-label {
+		width: 160rpx;
+		font-size: 28rpx;
+		color: #475569;
+		font-weight: 500;
+		flex-shrink: 0;
+
+		&::before {
+			content: '';
+			width: 6rpx;
+			height: 24rpx;
+			background: linear-gradient(180deg, #3577FF 0%, #6366f1 100%);
+			border-radius: 3rpx;
+			margin-right: 12rpx;
+			display: inline-block;
+		}
+	}
+
+	.filter-item :deep(.u-input) {
+		flex: 1;
+		background: transparent;
+		font-size: 28rpx;
+		color: #1e293b;
+		text-align: right;
+		border: none;
+
+		&::after {
+			border: none;
+		}
+	}
+
+	.filter-item :deep(.u-input__input) {
+		text-align: right;
+		font-size: 28rpx;
+	}
+
+	.filter-item :deep(.u-input__icon--right) {
+		color: #94a3b8;
+	}
+
+	.filter-item :deep(.u-radio-group) {
+		flex: 1;
+		display: flex;
+		justify-content: flex-end;
+		gap: 32rpx;
+	}
+
+	.filter-item :deep(.u-radio) {
+		:deep(.u-radio__icon) {
+			border-radius: 6rpx;
+			border-width: 2rpx;
+		}
+
+		:deep(.u-radio__icon--checked) {
+			background: linear-gradient(135deg, #3577FF 0%, #6366f1 100%);
+		}
+
+		:deep(.u-radio__label) {
+			font-size: 28rpx;
+			color: #475569;
+			margin-left: 8rpx;
+		}
+	}
+
+	.search-item {
+		padding: 0;
+		background: transparent;
+		border: none;
+
+		:deep(.u-search) {
+			background: #f8fafc;
+			border-radius: 12rpx;
+			height: 70rpx;
+			border: 1rpx solid #e2e8f0;
+		}
+
+		:deep(.u-search__input-wrap) {
+			background: transparent;
+		}
+
+		:deep(.u-search__icon) {
+			color: #94a3b8;
+			font-size: 28rpx;
+		}
+
+		:deep(.u-search__input) {
+			font-size: 28rpx;
+			color: #1e293b;
+		}
+
+		:deep(.u-search__placeholder) {
+			font-size: 28rpx;
+			color: #94a3b8;
+		}
+	}
+
+	.list-scroll {
+		height: calc(100vh - 300rpx);
+	}
+
+	.list-wrap {
+		padding-bottom: 40rpx;
+	}
+
+	.card-item {
+		background: #ffffff;
+		border-radius: 16rpx;
+		padding: 28rpx;
+		margin-bottom: 20rpx;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+		transition: all 0.3s ease;
+
+		&:active {
+			transform: scale(0.98);
+			box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+		}
+
+		.card-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.card-title {
+				font-size: 30rpx;
+				font-weight: 600;
+				color: #1e293b;
+			}
+		}
+
+		.card-body {
+			padding-top: 24rpx;
+			margin-top: 20rpx;
+			border-top: 1rpx solid #f1f5f9;
+
+			.card-row {
+				display: flex;
+				align-items: center;
+				padding: 16rpx 0;
+
+				.row-label {
+					width: 180rpx;
+					font-size: 26rpx;
+					color: #94a3b8;
+					flex-shrink: 0;
+				}
+
+				.row-value {
+					font-size: 28rpx;
+					color: #475569;
+					flex: 1;
+					text-align: right;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+			}
+		}
+	}
+}
+
 // 表格样式（保留）
 .package-table {
 	border: 1rpx solid #e5e5e5;