From 59daabbbf79444833160ae20d3f6ec32675d81a2 Mon Sep 17 00:00:00 2001
From: zhangyh <zhangyahui@haier.com>
Date: Wed, 24 Sep 2025 16:00:25 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=20=E8=B0=83=E6=95=B4Color=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/Detail/DesignDetail.vue         |  1 +
 .../Detail/detailLeft/colorBox/index.vue      | 23 ++++++++++---------
 src/component/Detail/detailLeft/index.vue     |  2 +-
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/component/Detail/DesignDetail.vue b/src/component/Detail/DesignDetail.vue
index c605287b..4c18d58e 100644
--- a/src/component/Detail/DesignDetail.vue
+++ b/src/component/Detail/DesignDetail.vue
@@ -575,6 +575,7 @@ export default defineComponent({
 					// width: 34rem;
 					display: flex;
 					flex-direction: column;
+					justify-content: space-between;
 				}
 				&.isEditPattern{width: 0px;}
 				&.model{
diff --git a/src/component/Detail/detailLeft/colorBox/index.vue b/src/component/Detail/detailLeft/colorBox/index.vue
index d4230ae6..4e2c9eeb 100644
--- a/src/component/Detail/detailLeft/colorBox/index.vue
+++ b/src/component/Detail/detailLeft/colorBox/index.vue
@@ -388,21 +388,22 @@ export default defineComponent({
 .flex-justify-around{
 	justify-content: space-around;
 }
-    .color{
+	.color{
 		// width: 34rem;
 		width: 100%;
-		height: 100%;
+		// height: 100%;
 		display: flex;
 		flex-direction: column;
+		row-gap: 1rem;
 		overflow-y: auto;
-		> .detailText{
-			margin-bottom: .5rem;
-		}
-		> .pallet{
-			margin-bottom: 2rem;
-		}
+		// > .detailText{
+		// 	margin-bottom: .5rem;
+		// }
+		// > .pallet{
+		// 	margin-bottom: 2rem;
+		// }
 		> .colorBox{
-			margin-bottom: 1rem;
+			// margin-bottom: 1rem;
 			display: flex;
 			flex-wrap: wrap;
 			justify-content: space-between;
@@ -444,7 +445,7 @@ export default defineComponent({
 		}
 		> .uploadImage{
 			flex-shrink: 0;
-			margin-bottom: 3rem;
+			// margin-bottom: 3rem;
 			border: 1px dashed transparent;
         	background: linear-gradient(#fff, #fff) padding-box,repeating-linear-gradient(-45deg,#fff 0,#fff 0.3em,	#000 0,#000 0.6em);
 			height: 10rem;
@@ -471,7 +472,7 @@ export default defineComponent({
 			}
 		}
 		> .colorCode{
-			margin-bottom: 3rem;
+			// margin-bottom: 3rem;
 			> .generalModel_state{
 				> .generalModel_state_item{
 					width: 100%;
diff --git a/src/component/Detail/detailLeft/index.vue b/src/component/Detail/detailLeft/index.vue
index 0a824482..30a18cb0 100644
--- a/src/component/Detail/detailLeft/index.vue
+++ b/src/component/Detail/detailLeft/index.vue
@@ -72,7 +72,7 @@ export default defineComponent({
     .detailLeft{
 		// width: 34rem;
 		// width: 100%;
-		height: 100%;
+		// height: 100%;
 		display: flex;
 		flex-direction: column;
 	}