3d地图 修图弹框动画

src/view/park/Point.js

@@ -35,6 +35,7 @@ export default class Point extends THREE.Object3D{
 			],3))
 		},onComplete:()=>{
 			this.#popover.position.set(...this.#linePoints[2])
+			this.#popover.element.style.opacity=1
 			this.#popover.visible=true
 		}})
 	}
@@ -76,7 +77,7 @@ export default class Point extends THREE.Object3D{
 		this.#timeLine.play()
 	}
 	hide(){
-		this.#popover.visible=false
+		this.#popover.element.style.opacity=0
 		this.#timeLine.reverse(null, false)
 	}
 	out(){

src/view/park/center.vue

@@ -67,6 +67,7 @@
 			z-index: 30;
 		}
 		.model{
+			transition: opacity 0.6s;
 			&>div{
 				position:absolute;
 				bottom:0;
@@ -321,6 +322,7 @@ import Label from './Label'
 		popover = new CSS2DObject(model.value)
 		popover.position.set(-10,7,0)
 		popover.visible=false
+		console.log('---123-----',popover)
 		scene.add(popover)
 
 		var controls = new MapControls(camera, map.value)