fix

src/component/DetailCopy/designDetail.vue

@@ -85,7 +85,7 @@
     
 </template>
 <script lang="ts">
-import { defineComponent,computed,onBeforeUnmount,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
+import { defineComponent,computed,onBeforeUnmount,provide,nextTick,createVNode,toRefs, reactive, onMounted} from 'vue'
 import detailLeft from './detailLeft/index.vue'
 import model from './model/index.vue'
 import detailRight from './detailRight/index.vue'
@@ -363,11 +363,24 @@ export default defineComponent({
 		const canvasReload = ()=>{
 			detailData.childKey += 1
 		}
+		let time = null as any
+		const handleResize = ()=>{
+			clearTimeout(time)
+			time = setTimeout(()=>{
+				store.commit('DesignDetailCopy/setDesignDetail',detailData.designDetail)
+			},1000)
+		}
+		onMounted(()=>{
+			window.addEventListener('resize', handleResize);
+		})
 		onBeforeUnmount(()=>{
 			sessionStorage.removeItem('oppositeRevocation')
 			sessionStorage.removeItem('revocation')
 			store.commit('DesignDetailCopy/clearDesignDetail')
+
+			window.removeEventListener('resize', handleResize);
 		})
+		
         return{
 			...toRefs(detailDom),
 			...toRefs(detailData),
@@ -434,8 +447,8 @@ export default defineComponent({
     .designDetailModal{
 		position: absolute;
 		// top: -100%;
-		width: 100%;
-		height: 100%;
+		width: 100.5%;
+		height: 100.5%;
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%,-50%);
@@ -445,6 +458,7 @@ export default defineComponent({
 				> .ant-modal-centered{
 					> .fullScreen{
 						> .ant-modal-content{
+							box-shadow: none;
 							> .ant-modal-body{
 								padding: 0;
 							}

src/component/DetailCopy/model/index.vue

@@ -26,7 +26,7 @@
     </div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,inject,nextTick,createVNode,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,ref,inject,onBeforeUnmount,createVNode,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { Https } from "@/tool/https";
@@ -102,6 +102,22 @@ export default defineComponent({
 		const mousedownDesignImg = ()=>{
 			getDetailListData.imgDesignImg = !getDetailListData.imgDesignImg
 		}
+		let time = null as any
+
+		const handleResize = ()=>{
+			clearTimeout(time)
+			time = setTimeout(()=>{
+				store.commit('DesignDetailCopy/setDesignDetail',getDetailListData.designDetail)
+				getDetailListDom.position.updataPosition()
+
+			},1000)
+		}
+		onMounted(()=>{
+			window.addEventListener('resize', handleResize);
+		})
+		onBeforeUnmount(()=>{
+			window.removeEventListener('resize', handleResize);
+		})
         return{
 			...toRefs(detailData),
 			...toRefs(getDetailListData),
@@ -148,9 +164,11 @@ export default defineComponent({
 				border-radius: 1rem;
 				padding: .7rem ;
 				flex-shrink: 0;
+				flex: 1;
+				overflow: hidden;
+				max-height: 4rem;
 				> i{
 					font-size: 2rem;
-					line-height: 4rem;
 					cursor: pointer;
 					padding: 1.5rem;
 					display: flex;

src/component/DetailCopy/model/modelPosition.vue

@@ -385,7 +385,6 @@ export default defineComponent({
     .molepositon{
 		width: 30rem;
 		height: 66rem;
-		// height: 80rem;
 		display: flex;
 		flex-direction: column;
 		// margin: auto 0;
@@ -401,10 +400,9 @@ export default defineComponent({
 			height: auto;
 			position: relative;
 			height: 100%;
-			// overflow: hidden;
-			display: flex;
-			align-items: center;
-			justify-content: center;
+			// display: flex;
+			// align-items: center;
+			// justify-content: center;
 			>img{
 				z-index: 2;
 				position: relative;
@@ -420,12 +418,12 @@ export default defineComponent({
 			.detail_modal_item_front,.designOpenrtion_print{
 				z-index: 2;
 				height: 100%;
-				
+				width: 100%;
 				img{
-					width: 100%;
-					height: 100%;
 					// width: 100%;
-					// height: auto;
+					// height: 100%;
+					width: 100%;
+					height: auto;
 					float: left;
 					user-select:none;
 					-webkit-user-drag: none;