src/views/screen/components/screen-map-three/index.vue
New file @@ -0,0 +1,31 @@ <template> <div class="map-container" > <canvas class="world" ref="worldContainer"></canvas> </div> </template> <script> import Experience from './experience/index'; let world = null; export default { name: 'ScreenMapThree', mounted() { world = new Experience(this.$refs.worldContainer); } } </script> <style lang="scss" scoped> .map-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; .world { width: 100%; height: 100%; } } </style>