diff --git a/src/component/HomePage/layout.vue b/src/component/HomePage/layout.vue
index b8f086af..9e1db2c3 100644
--- a/src/component/HomePage/layout.vue
+++ b/src/component/HomePage/layout.vue
@@ -24,10 +24,10 @@
 					</div>
 				</div>
 				<div class="layout_centent" :class="{active:flex_direction}">
-					<!-- <div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem">
+					<div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem">
 						<img :src="item.imgUrl">
-					</div> -->
-					<draggable 
+					</div>
+					<!-- <draggable 
 						v-model="layoutList" 
 						group="people" 
 						@start="drag=true" 
@@ -39,10 +39,7 @@
 								<img :src="element.imgUrl">
 							</div>
 						</template>
-					</draggable>
-					<!-- <div v-for="item,index in moodb_className" :class="item" class="modal_imgItem">
-						<img :src="layoutList[index].imgUrl" alt="">
-					</div> -->
+					</draggable> -->
 				</div>
                
 				<div class="layout_left">
@@ -315,19 +312,20 @@ export default defineComponent({
 			padding: 3rem 0;
 			justify-content: space-between;
 			>div{
-				width: 100%;
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				flex-wrap: wrap;
-				align-content: space-around;
-				margin: auto;
-				justify-content: space-between;
+				// width: 100%;
+				// height: 100%;
+				// display: flex;
+				// flex-direction: column;
+				// flex-wrap: wrap;
+				// align-content: space-around;
+				// margin: auto;
+				// justify-content: space-between;
 			}
 			&.active{
-				>div{
-					flex-direction: row;
-				}
+				flex-direction: row;
+
+				// >div{
+				// }
 			}
 			.layout_centent_bor{