fix

src/component/HomePage/index/model/patternMaking3D/index.vue

@@ -2,7 +2,7 @@
 	<div class="patternMaking3D">
 		<div class="selectModel">
 			<div class="heard">Clothing</div>
-			<div class="list">
+			<div class="list" v-if="maskShow">
 				<div v-for="item in modelList" class="modelItem" :class="{active:item.id == selectModel.id}" @click="setSelectModel(item)">
 					<img :src="item.url" alt="">
 				</div>
@@ -28,7 +28,7 @@
 					<img v-show="isFront" :src="selectModel.threeDLayoutList?.[0]?.url" alt="">
 					<img v-show="!isFront" :src="selectModel.threeDLayoutList?.[1]?.url" alt="">
 				</div>
-				<threeBox v-show="imgOrThree" ref="threeBox"></threeBox>
+				<threeBox v-if="imgOrThree" ref="threeBox"></threeBox>
 			</div>
 			<div class="gallery_btn" v-show="!imgOrThree" @click="setImgOrThree(true)">3D view</div>			
 			<div class="gallery_btn" v-show="imgOrThree" @click="setImgOrThree(false)">Img view</div>			
@@ -76,6 +76,7 @@ export default defineComponent({
 			pageSize:10,
 			imgOrThree:false,
 			isFront:false,
+			maskShow:false,
 		})
 		const setSelectModel = (item:any)=>{
 			data.isShowMark = true
@@ -104,6 +105,9 @@ export default defineComponent({
 				let id =  store.state.HomeStoreModule.patternMaking3D
 				if(id && data.selectModel.id == -1)setSelectModel({id})
 			})	
+			setTimeout(()=>{
+				data.maskShow = true	
+			},500)
 		}
 		const getModelList = ()=>{
 			if(data.isShowMark && !data.isNoData)return
@@ -219,6 +223,7 @@ export default defineComponent({
 					width: calc(100% / 4 - 1rem);
 					margin: .5rem;
 					aspect-ratio: 1 / 1.2;	
+					// height: 10rem;
 					border-radius: 2rem;
 					border: 2px solid #D4D4D4;
 					cursor: pointer;