fix

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;

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
+			}
 		}
     },
 });