fix-模型加载死循环

code/src/pages/A0model/Model.tsx

@@ -1,5 +1,5 @@
 import { useFrame, useThree } from '@react-three/fiber'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import * as THREE from 'three'
 import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader'
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
@@ -133,8 +133,7 @@ function Model({ setPlanFu }: Props, ref: any) {
         console.error('加载模型出错:', error)
       }
     )
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [handleModelLoaded])
+  }, [handleModelLoaded, setPlanFu])
 
   // 点击不同部位
   const focusOnPart = useCallback(

code/src/pages/A0model/index.tsx

@@ -1,4 +1,4 @@
-import React, { Suspense, useCallback, useRef, useState } from 'react'
+import React, { useCallback, useRef, useState } from 'react'
 import styles from './index.module.scss'
 import classNames from 'classnames'
 // import * as THREE from 'three'
@@ -53,10 +53,8 @@ function A0model() {
           //   gl.setClearColor(new THREE.Color(0x000000))
           // }}
         >
-          <Suspense>
-            {/* 场景与控制器 */}
-            <Model ref={modelRef} setPlanFu={val => setPlanFu(val)} />
-          </Suspense>
+          {/* 场景与控制器 */}
+          <Model ref={modelRef} setPlanFu={setPlanFu} />
         </Canvas>
       </div>
 

code/src/pages/A3wear/index.module.scss

@@ -1,5 +1,5 @@
 .A3wear {
-  background-size: 100% 100%;
+  background-size: cover;
   position: relative;
   overflow: hidden;
   :global {