From a6842851a844e63a8766d63c5410a8e2f27a7d45 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期二, 20 八月 2024 11:56:30 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/screen/components/screen-map-three/index.vue | 24 ++++++++++++++++-------- 1 files changed, 16 insertions(+), 8 deletions(-) diff --git a/src/views/screen/components/screen-map-three/index.vue b/src/views/screen/components/screen-map-three/index.vue index af189c1..f500e99 100644 --- a/src/views/screen/components/screen-map-three/index.vue +++ b/src/views/screen/components/screen-map-three/index.vue @@ -1,5 +1,5 @@ <template> - <div class="map-container" > + <div class="map-container"> <canvas class="world" ref="worldContainer"></canvas> </div> </template> @@ -18,26 +18,34 @@ watch: { loadEnd: { handler(newVal) { - console.log(newVal); - if(newVal) { + if (newVal) { world = new Experience(this.$refs.worldContainer); } } } }, mounted() { - } + + }, + beforeDestroy() { + world.destroy(); + world = null; + }, } </script> <style lang="scss" scoped> .map-container { width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; + height:100%; + // position: absolute; + // left: 25%; + // top: 65px; z-index: 0; + // background: url("../../../../assets/images/screen/cardBg.png"); + // background-size: cover !important; + // background-repeat: no-repeat !important; + // background-position: center center !important; .world { width: 100%; height: 100%; -- Gitblit v1.8.0