北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2023-11-10 13fdb067fc3d752e8bd278de539fb2de40fe8397
src/components/right/right-legend.vue
@@ -6,7 +6,12 @@
    </div>
    <div class="legend-box">
      <div class="legend" v-for="(item, index) in state.list" :key="index">
        <img class="img" :src="item.icon" alt="" :style="`width:${item.width}px;height:${item.height}px;`" />
        <img
          class="img"
          :src="item.icon"
          alt=""
          :style="`width:${item.width}px;height:${item.height}px;`"
        />
        <span>{{ item.name }}</span>
      </div>
    </div>
@@ -377,11 +382,10 @@
      this.$parent.showLegend = false;
    },
  },
  mounted(){
  },
  mounted() {},
  watch: {
    "state.list": function (val) {
      this.state = val
      this.state = val;
    },
  },
};
@@ -394,11 +398,12 @@
  border-radius: 5px; */
  background-color: #2153f87e;
  background-image: url("~@/assets/img/new/listbg.png");
  background-size: 100% 100%;  color: #fff;
  background-size: 100% 100%;
  color: #fff;
  padding: 0px 10px 10px;
  width: 400px;
  right: 60px;
  top: -240px;
  right: 6px;
  top: -427px;
  z-index: 9999999;
  pointer-events: all;
}