fix

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

@@ -2,28 +2,30 @@
 	<div class="three">
 		<div class="parameter">
 			<label>
-				<span>X:</span>
+				<span>scaleX:</span>
 				<a-slider class="system_silder"
 					v-model:value="repeat.x"
 					:tooltipVisible="false"
 					@change="changeRepeat"
-					:max="2"
+					:max="6"
 					:step="0.001"
 					:min="0.002"
 				>
 				</a-slider>
 			</label>
 			<label>
-				<span>Y:</span>
+				<span>scaleY:</span>
 				<a-slider class="system_silder"
 					v-model:value="repeat.y"
 					:tooltipVisible="false"
 					@change="changeRepeat"
-					:max="2"
-					:step="0.01"
+					:max="6"
+					:min="0.002"
+					:step="0.001"
 				>
 				</a-slider>
 			</label>
+			<i class="fi fi-br-link" :class="{'fi-br-link':isLock,'fi-bs-link-slash':!isLock}" @click="setLock"></i>
 		</div>
 		<div class="model" ref="threeDom">
 
@@ -81,6 +83,7 @@ export default defineComponent({
 				y:1,
 			},
 			animationId:null as any,
+			isLock:false,
 		})
 		const dataDom = reactive({
 			threeDom:null as any,
@@ -255,11 +258,14 @@ export default defineComponent({
 				// 3. 配置纹理参数
 				texture.wrapS = THREE.RepeatWrapping;
 				texture.wrapT = THREE.RepeatWrapping;
+				// texture.wrapS = THREE.ClampToEdgeWrapping; // 水平方向不重复
+				// texture.wrapT = THREE.ClampToEdgeWrapping; // 垂直方向不重复
 				
 				// texture.repeat.set(1, 1); // 纹理重复次数
 				texture.anisotropy = 32;  // 提高纹理清晰度
 				data.group?.traverse((child:any) => {
 					if (child.isMesh) {
+						console.log(child.name)
 						// 5. 创建新材质（根据需求选择材质类型）
 						const textureWidth = texture.image.width;
 						const textureHeight = texture.image.height;
@@ -281,13 +287,40 @@ export default defineComponent({
 							metalness: .2,      // 金属质感 (0-1)
 							side: THREE.DoubleSide // 双面渲染
 						});
-						// 6. 替换原有材质
-						child.material = newMaterial;
 						// 7. 如果需要单独控制某些子模型的UV
 						if (child.geometry.attributes.uv) {
-							// 可以在这里修改UV坐标
 							const uvs = child.geometry.attributes.uv.array;
-							// ...UV操作逻辑...
+							// 计算UV边界
+							let minU = Infinity, maxU = -Infinity;
+							let minV = Infinity, maxV = -Infinity;
+							
+							for (let i = 0; i < uvs.length; i += 2) {
+								minU = Math.min(minU, uvs[i]);
+								maxU = Math.max(maxU, uvs[i]);
+								minV = Math.min(minV, uvs[i+1]);
+								maxV = Math.max(maxV, uvs[i+1]);
+							}
+							
+							const uvWidth = maxU - minU;
+							const uvHeight = maxV - minV;
+							// 仅对非小UV区域设置材质
+							if (!(uvWidth < 1.2 || uvHeight < 1.2)) {
+								const newMaterial = new THREE.MeshStandardMaterial({
+									map: texture,
+									roughness: 0.7,
+									metalness: 0.2,
+									side: THREE.DoubleSide
+								});
+								child.material = newMaterial;
+							}else{
+								// child.material = new THREE.MeshStandardMaterial({
+								// 	transparent: true,
+								// 	opacity: 0,  // 完全透明
+								// 	side: THREE.DoubleSide
+								// });
+							}
+							
+							child.geometry.attributes.uv.needsUpdate = true;
 						}
 					}
 					data.load.state = false
@@ -391,9 +424,14 @@ export default defineComponent({
 			data.load.state = false
 		}
 		const changeRepeat = (e:any)=>{
+			if(data.isLock)data.repeat.x = e
+			if(data.isLock)data.repeat.y = e
 			clearTimeout(dataTime.updataRepeat)
 			dataTime.updataRepeat = setTimeout(()=>{
-				data.textureLoader.repeat.set(2 - data.repeat.x,2 - data.repeat.y); // 纹理重复次数
+				data.repeat.x = data.repeat.x == 6 ? 5.999 : data.repeat.x
+				data.repeat.y = data.repeat.y == 6 ? 5.999 : data.repeat.y
+				
+				data.textureLoader.repeat.set(6 - data.repeat.x,6 - data.repeat.y); // 纹理重复次数
 				let value = {
 					x:data.repeat.x,
 					y:data.repeat.y,
@@ -401,6 +439,9 @@ export default defineComponent({
 				store.commit('setPatternMaking3D',value)
 			},1000)
 		}
+		const setLock = ()=>{
+			data.isLock = !data.isLock
+		}
 		onMounted(()=>{
 		})
 		onBeforeUnmount(()=>{
@@ -432,6 +473,7 @@ export default defineComponent({
 			openSetData,
 			addMaterial,
 			changeRepeat,
+			setLock,
 		}
 	},
 	provide() {
@@ -449,6 +491,7 @@ export default defineComponent({
 		overflow: hidden;
 		> .parameter{
 			display: flex;
+			align-items: center;
 			> label{
 				display: flex;
 				align-items: center;
@@ -462,6 +505,17 @@ export default defineComponent({
 					margin-right: 1rem;
 				}
 			}
+			> i{
+				width: 3rem;
+				height: 3rem;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				cursor: pointer;
+				&.active{
+					opacity: .7;
+				}
+			}
 		}
 		> .model{
 			width: 100%;