样式优化

scanpages/hj/materials_detail.vue

@@ -156,64 +156,41 @@ const showPrint = ref(false)
 
 	}
 
-	// ===== 区块标题 =====
+	// ===== 区块标题（页面覆盖）=====
 	.section {
-		margin: 0 24rpx 20rpx;
+		// 无动画
+		animation: none;
 
 		&__header {
-			display: flex;
-			align-items: center;
-			gap: 12rpx;
 			margin-bottom: 16rpx;
 			padding: 0 4rpx;
 		}
 
 		&__bar {
-			width: 6rpx;
 			height: 28rpx;
 			background: $primary;
-			border-radius: 3rpx;
-			flex-shrink: 0;
-		}
-
-		&__title {
-			font-size: 28rpx;
-			font-weight: 600;
-			color: $text;
+			animation: none;
 		}
 	}
 
-	// ===== 卡片 =====
+	// ===== 卡片（页面覆盖，继承 page.scss 公共 .card 样式）=====
 	.card {
-		background: $card-bg;
-		border-radius: $radius;
-		overflow: hidden;
 		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06);
 
 		&__row {
-			display: flex;
-			align-items: center;
 			padding: 24rpx 28rpx;
-			border-bottom: 1rpx solid $border;
-
-			&:last-child {
-				border-bottom: none;
-			}
 		}
 
 		&__label {
 			width: 120rpx;
-			font-size: 26rpx;
-			color: $text-secondary;
-			flex-shrink: 0;
+			padding-left: 0;
+
+			&::before {
+				display: none;
+			}
 		}
 
 		&__value {
-			flex: 1;
-			font-size: 28rpx;
-			color: $text;
-			font-weight: 500;
-
 			&--mono {
 				font-family: monospace;
 				color: $primary-dark;
@@ -221,9 +198,6 @@ const showPrint = ref(false)
 		}
 
 		&__value-wrap {
-			flex: 1;
-			display: flex;
-			align-items: center;
 			gap: 12rpx;
 		}
 	}