调整部分布局和部分快捷键

src/component/DetailCopy/designDetail.vue

@@ -58,7 +58,7 @@
     
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
+import { defineComponent,computed,onBeforeUnmount,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
 import sketchLeft from './sketchLeft.vue'
 import model from './model/index.vue'
 
@@ -86,10 +86,10 @@ export default defineComponent({
 		})
 		const detailData = reactive({
 			designDetail:null,
-			designDetailShow:true,
+			designDetailShow:false,
 			loadingShow:false,
 		})
-		provide('designDetail',detailData.designDetail)
+		provide('designDetailData',detailData)
 		const closeModal = ()=>{
 			detailData.designDetailShow = false
 		}
@@ -118,9 +118,7 @@ export default defineComponent({
 							}
 						});
 					})
-					setTimeout(() => {
 					detailData.designDetail = rv
-					}, 2000);
 					detailData.designDetailShow = true
                     // this.store.commit('setDesignItemDetail',rv)
 					// this.deleteShow = false
@@ -151,6 +149,9 @@ export default defineComponent({
 		const setRevocation = (designItemDetail:any,data:any)=>{//设置撤销
 
 		}
+		onBeforeUnmount(()=>{
+			detailData.designDetail = null
+		})
         return{
 			...toRefs(detailData),
             closeModal,

src/component/DetailCopy/model/index.vue

@@ -39,6 +39,7 @@ export default defineComponent({
 			total:0,
 			pageSize:10,
 			currentPage:1,
+			designDetailData:inject('designDetailData') as any//父组件传过来的数据
 		})
 		const getDetailListDom = reactive({
 			libraryList:null as any,
@@ -73,5 +74,6 @@ export default defineComponent({
 		display: flex;
 		flex-direction: column;
 		padding-top: 3rem;
+		overflow: hidden;
 	}
 </style>

src/component/DetailCopy/model/modelPosition.vue

@@ -8,7 +8,6 @@
 			<div class="detail_modal_item_front" v-for="item,index in frontBack.front"  @mousedown.stop="itemMoveMousedown(index,getMousePosition($event,false))" @touchstart.passive="itemMoveMousedown(index,getMousePosition($event,true))" @click="setpitch(item,index)"  :style="item.style">
 				<img :src="item.imageUrl" alt="">
 			</div>
-		{{ designDetail }}
 			<div class="designOpenrtion_btn">
 				<ul v-for="item,index in frontBack.front" :key="item" :class="{active:item.designOpenrtionBtn}" class="designOpenrtion_btn" :style="item.style" @mousedown.stop="itemMoveMousedown(index,getMousePosition($event,false))" @touchstart.passive="itemMoveMousedown(index,getMousePosition($event,true))">
 					<li class="designOpenrtion_btn_top" @mousedown.stop="itemSizeMousedown('top',getMousePosition($event,false))" @touchstart.passive="itemSizeMousedown('top',getMousePosition($event,true))"></li>
@@ -40,14 +39,13 @@ export default defineComponent({
 				back:{},
 				body:{},
 			},
-			designDetail:inject('designDetail') as any//父组件传过来的数据
+			designDetailData:inject('designDetailData') as any//父组件传过来的数据
 		})
-		console.log(detailData.designDetail);
 		
 		const getDetailListDom = reactive({
 			libraryList:null as any,
 		})
-		watch(detailData.designDetail,(newValue,oldValue)=>{
+		watch(detailData.designDetailData.designDetail,(newValue,oldValue)=>{
 			console.log(123123);
 			
 		})