From 442a792f0994d875e2c62a5c590cf1ccc59d39f2 Mon Sep 17 00:00:00 2001 From: dingtalk_umvbsp Date: Tue, 25 Apr 2023 15:50:32 +0800 Subject: [PATCH] =?UTF-8?q?3d=E5=9C=B0=E5=9B=BE=20=E4=BF=AE=E5=9B=BE?= =?UTF-8?q?=E5=BC=B9=E6=A1=86=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/view/park/Point.js | 3 ++- src/view/park/center.vue | 2 ++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/view/park/Point.js b/src/view/park/Point.js index 573a121..16d89d3 100644 --- a/src/view/park/Point.js +++ b/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(){ diff --git a/src/view/park/center.vue b/src/view/park/center.vue index 2f92b8d..eab062d 100644 --- a/src/view/park/center.vue +++ b/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)