fix

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;