From 2adbfa9fff28690157ed10ac99a9039be33630b9 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Tue, 26 May 2026 14:29:58 +0800
Subject: [PATCH] fix

---
 src/component/HomePage/layout.vue               | 17 ++++++++++++-----
 .../home/design/collection/MoodboardUpload.vue  |  5 +++++
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/component/HomePage/layout.vue b/src/component/HomePage/layout.vue
index 2ce0a030..49388140 100644
--- a/src/component/HomePage/layout.vue
+++ b/src/component/HomePage/layout.vue
@@ -70,7 +70,7 @@
 					<div class="layout_left_text">
 						{{ $t('layout.LayerOptions') }}
 					</div>
-					<div v-for="item,index in moodbList" class="layout_left_items" @click="setmoodb(item)">
+					<div v-for="item,index in moodbList" class="layout_left_items" :class="item.filter((item,index)=>item == 'w2h1').length != 0 ? 'active':''" @click="setmoodb(item)">
 						<div v-for="clasitem,clasindex in item" :class="clasitem" class="layout_left_item">
 						</div>
 					</div>
@@ -932,16 +932,17 @@ export default defineComponent({
 			height: calc(35rem*1.2);
 			width: calc(57rem*1.2);
 			// height: 60%;
-			flex-direction: column;
-			flex-wrap: wrap;
 			align-content: space-around;
 			margin: calc(3rem*1.2) auto;
 			overflow: hidden;
 			// padding: 3rem 0;
 			justify-content: space-between;
 			position: relative;
-			user-select:none;
-			flex-direction: row;
+			
+			flex-direction: column;
+			align-items: center;
+			flex-wrap: wrap;
+			justify-content: space-between;
 			&.active{
 				flex-direction: row;
 			}
@@ -1121,6 +1122,9 @@ export default defineComponent({
 				flex-direction: column;
 				margin-bottom: calc(2rem*1.2);
                 cursor: pointer;
+				&.active{
+					flex-direction: row;
+				}
 				.layout_left_item{
 					box-sizing: border-box;
 					border: 1px solid #000;
@@ -1153,6 +1157,9 @@ export default defineComponent({
 				flex-direction: column;
 				margin-bottom: calc(2rem*1.2);
                 cursor: pointer;
+				&.active{
+					flex-direction: row;
+				}
 				.layout_left_item{
 					box-sizing: border-box;
 					border: 1px solid #000;
diff --git a/src/component/home/design/collection/MoodboardUpload.vue b/src/component/home/design/collection/MoodboardUpload.vue
index 77e20dec..7b6e7f49 100644
--- a/src/component/home/design/collection/MoodboardUpload.vue
+++ b/src/component/home/design/collection/MoodboardUpload.vue
@@ -476,6 +476,11 @@ export default defineComponent({
 		},
 		setmoodbClass(val:any){
 			this.moodb_className = val
+			if( val.filter((item,index)=> item == 'w2h1').length != 0  && val.length > 4){
+				this.flex_direction = true
+			}else{
+				this.flex_direction = false
+			}
 		}
     },
 });