调整detail拉伸sketch但是编辑印花和画布使用的sketch不受影响

src/component/Detail/model/modelNav.vue

@@ -1,5 +1,5 @@
 <template>
-   <div class="modelNavBox" :class="{'modelNavBox_active':designDetail.clothes.length == 5}">
+   <div class="modelNavBox" ref="modelNavBox" :class="{'modelNavBox_active':designDetail.clothes.length == 5}">
 	<div class="modelNav" ref="modelNav" :style="{height:prentHeight}">
 		<div class="modelNav_item item" 
 			v-for="item,index in designDetail.clothes" 
@@ -45,6 +45,7 @@ export default defineComponent({
 			singleOveral:inject('singleOveral') as any,
 			getCanvasIfEdit:inject('getCanvasIfEdit')as any,
 			modelNav:null as any,
+			modelNavBox:null as any,
 		})
 		const collItemSize = reactive({
 			collValue:18,
@@ -237,12 +238,18 @@ export default defineComponent({
 			collItemSize.prentHeight = (collItemSize.padding + remValue) * elArr.length + 'px'
 			moveItem()
 		} 
+		let observers = null as any
 		onMounted(()=>{
-			
+			observers = new ResizeObserver(entries => {
+                for (let entry of entries) {
+					setItemPosition()
+                }
+            });
+			observers.observe(detailData.modelNavBox);
+		})
+		onBeforeUnmount(()=>{
+			observers.disconnect();
 		})
-		// onBeforeUnmount(()=>{
-		// 	detailData.selectIndex = -1
-		// })
         return{
 			...toRefs(detailData),
 			...toRefs(collItemSize),

src/component/Detail/model/modelPosition.vue

@@ -83,7 +83,10 @@ export default defineComponent({
 				if(!detailData.frontBack?.body?.path || !dom)return
 				img.onload = () => {
 					if(!detailData.selectDetail?.id){
-						store.commit('DesignDetail/setDesignColthes',detailData.designDetail.clothes[0].id)
+						let item = detailData.designDetail.clothes.reduce((max, current) => {
+							return current.priority > max.priority ? current : max;
+						});
+						store.commit('DesignDetail/setDesignColthes',item.id)
 					}
 					// resolve(img)
 					sacle = dom.parentNode.offsetWidth / img.width