diff --git a/src/assets/images/homePage/recommendtitleMobile.png b/src/assets/images/homePage/recommendtitleMobile.png
new file mode 100644
index 00000000..4abf27da
Binary files /dev/null and b/src/assets/images/homePage/recommendtitleMobile.png differ
diff --git a/src/assets/images/homePage/squareBgMobile.png b/src/assets/images/homePage/squareBgMobile.png
new file mode 100644
index 00000000..c190f95e
Binary files /dev/null and b/src/assets/images/homePage/squareBgMobile.png differ
diff --git a/src/component/Detail/detailRight/editPrintElement.vue b/src/component/Detail/detailRight/editPrintElement.vue
index c71dd322..521005b4 100644
--- a/src/component/Detail/detailRight/editPrintElement.vue
+++ b/src/component/Detail/detailRight/editPrintElement.vue
@@ -339,7 +339,7 @@ export default defineComponent({
 					editPrintElementData.stateOverallSingle = 'single'
 					let arr:any = editPrintElementData.selectDetail.printObject.prints
 					if(props.type == 'element'){
-						arr = editPrintElementData.selectDetail.printObject.trims
+						arr = editPrintElementData.selectDetail.trims
 					}
 					if(editPrintElementData.selectDetail.newDetail?.[editPrintElementData.currentDetailType]){
 						arr = editPrintElementData.selectDetail.newDetail[editPrintElementData.currentDetailType]
diff --git a/src/component/home/design/index.vue b/src/component/home/design/index.vue
index ff5b49b7..56ba55aa 100644
--- a/src/component/home/design/index.vue
+++ b/src/component/home/design/index.vue
@@ -212,10 +212,10 @@
 										</div>
 									</div>
 								</div>
-								<div class="designPage_left_bottom left" @click="setShowHide('domHidden')" >
+								<div class="designPage_left_bottom left" v-show="!designTools?.designTools" @click="setShowHide('domHidden')" >
 									<span class="icon iconfont icon-xiala" :class="{'active':domHidden}"></span>
 								</div>
-								<div class="designPage_left_bottom right" :class="{active:recycleDomHidden}" @click="setShowHide('recycleDomHidden')" v-show="designCollectionList.length > 0">
+								<div class="designPage_left_bottom right" :class="{active:recycleDomHidden}" @click="setShowHide('recycleDomHidden')" v-show="designCollectionList.length > 0 && !designTools?.designTools">
 									<span class="icon iconfont icon-xiala" :class="{'active':recycleDomHidden}"></span>
 								</div>
 							</div>
@@ -306,6 +306,8 @@
 		<div class="mark_loading" v-show="isShowMark">
 			<a-spin size="large" />
 		</div>
+		{{ designTools.designTools }}123
+
 		<!-- 导出缩略图的蒙层 end-->
 		<!-- design collection的进度蒙层  start-->
 		<!-- design collection的进度蒙层  end-->
diff --git a/src/component/home/design/tools.vue b/src/component/home/design/tools.vue
index e9f1c123..be048b05 100644
--- a/src/component/home/design/tools.vue
+++ b/src/component/home/design/tools.vue
@@ -328,9 +328,8 @@ export default defineComponent({
 		}
 		const exportElement = async ()=>{
 			 //设置导出
-			 console.log(data.canvasDetailData)
 			 let img = [] as any;
-			 if(data.canvasDetailData.commandManager.undoStack.length > 0){
+			 if(data.canvasDetailData?.commandManager?.undoStack?.length > 0){
 				await dataDom.editCanvas.exportImage({isContainBg:true,isContainFixed:false}).then((rv:any)=>{
 					var imageDataURL = rv
 					img.push({
diff --git a/src/store/Detail/designDetail.ts b/src/store/Detail/designDetail.ts
index c5ba5f60..52ca83a2 100644
--- a/src/store/Detail/designDetail.ts
+++ b/src/store/Detail/designDetail.ts
@@ -270,7 +270,7 @@ const DesignDetail : Module<DesignDetail,RootState> = {
 					state.selectDetail.scale = [1,1]
 					state.selectDetail.offset = [0,0]
 					state.selectDetail.printObject = item.printObject
-					state.selectDetail.trims = item.trims
+					state.selectDetail.trims = item.trims.prints
 					state.selectDetail.type = item.type
 					state.selectDetail.undividedLayer = item.undividedLayer
 					if(state.selectDetail.newDetail?.sketch?.id && !state.selectDetail.id){
diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 919f0565..517733f4 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -1,12 +1,19 @@
 <template>
     <div class="homeRecommend_max">
 		<div class="header">
-			<div class="gallery_btn" @click="setLogin">Login</div>
+			<div class="gallery_btn login" @click="setLogin">Login</div>
 			<div class="gallery_btn white" @click="signUp">Sign up</div>
 		</div>
-		<img class="bg" src="@/assets/images/homePage/squareBg.png" alt="">
+		<img class="bg pc" src="@/assets/images/homePage/squareBg.png" alt="">
+		<img class="bg mobile" src="@/assets/images/homePage/squareBgMobile.png" alt="">
 		<div class="beForm">Developed by AiDLab<br />
 			Commercialized by Code-Create</div>
+		<div class="title">
+			<img src="@/assets/images/homePage/recommendtitleMobile.png" alt="">
+			<div class="text">
+				AI-based Interactive Design <br />Assistant for Fashion
+			</div>
+		</div>
 		<div class="learnMore">
 			<img src="@/assets/images/homePage/learnMore.png" alt="">
 			<!-- <div class="title">AiDA</div>
@@ -179,6 +186,10 @@ export default defineComponent({
 		position: relative;
 		z-index: 2;
 		margin-left: auto;
+		@media (max-width: 768px) {
+			padding: .7rem 1.4rem;
+			margin-left: auto;
+		}
 		> .gallery_btn{
 			margin-right: 2rem;
 			border: none;
@@ -190,7 +201,18 @@ export default defineComponent({
 			&:last-child{
 				margin-right: 0;
 			}
-
+			&.login{
+				@media (max-width: 768px) {
+					display: none;
+				}
+			}
+			@media (max-width: 768px) {
+				font-size: .72rem;
+				width: 5.2rem;
+				line-height: 2.4rem;
+				padding: 0;
+				
+			}
 		}
 		
 	}
@@ -202,12 +224,47 @@ export default defineComponent({
 		top: 50%;
 		transform: translate(-50%,-50%);
 		object-fit: cover;
+		display: none;
+		&.pc{
+			@media (min-width: 768px) {
+				display: block;
+			}
+		}
+		&.mobile{
+			@media (max-width: 768px) {
+				display: block;
+			}
+		}
+	}
+	> .title{
+		display: none;
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%,-50%);
+		@media (max-width: 768px) {
+			> img{
+				width: 17rem;
+			}
+			font-size: 1.8rem;
+			color: #fff;
+			display: block;
+		}
 	}
 	> .beForm{
 		position: absolute;
 		font-size: 2.1rem;
 		bottom: 10rem;
 		left: 10rem;
+		@media (max-width: 768px) {
+			display: block;
+			left: 50%;
+			color: #fff;
+			bottom: 1rem;
+			font-size: .8rem;
+			text-align: center;
+			transform: translateX(-50%);
+		}
 	}
 	> .learnMore{
 		position: absolute;
@@ -219,7 +276,9 @@ export default defineComponent({
 		> img{
 			height: 19.5rem;
 			margin-bottom: 2rem;
+			display: none;
 		}
+		
 		// > .title{
 		// 	margin-bottom: .8rem;
 		// 	font-size: 11.8rem;
diff --git a/src/views/Register.vue b/src/views/Register.vue
index bb43dd42..eae751b1 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -203,6 +203,7 @@ export default defineComponent({
 			@media (max-width: 768px) {
 				width: 5.2rem;
 				padding: 0;
+				display: none;
 			}
 			&.gallery_btn:nth-child(1){
 			    margin-right: 3rem;