feat:添加圆环

ZhangXianQiang

2024-04-16 ee17debc7eff4af0bbfc1f28a256f2a05993b0c5

 src/views/screen/components/screen-map-three/index.vue

@@ -1,16 +1,16 @@
<template>
  <div class="map-container" ref="mapContainer">
    
  <div class="map-container" >
    <canvas class="world" ref="worldContainer"></canvas>
  </div>
</template>

<script>
import World from './world/world';
import Experience from './experience/index';
let world = null;
export default {
  name: 'ScreenMapThree',
  mounted() {
    world = new World(this.$refs.mapContainer);
    world = new Experience(this.$refs.worldContainer);
  }
}
</script>
@@ -19,5 +19,13 @@
.map-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  .world {
    width: 100%;
    height: 100%;
  }
}
</style>