自定义列显隐控制

xiangpei

2024-09-03 16eb67ab6b103663d30cad9ba74360f982e131cb

 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%;