style: 调整Color组件布局

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{

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%;

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;
 	}