土地管理弹窗、工具栏整合、功能点击响应

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>
@@ -115,7 +120,7 @@
          name: "待研究",
          icon: require("../../../static/SmartEarthSDK/Workers/image/tuli/Level1/待研究.png"),
        },
     

        // {
        //   name:'路灯杆',
        //   icon:require("../../../static/SmartEarthSDK/Workers/image/tuli/Level1/待研究.png"),
@@ -369,7 +374,7 @@
        //   icon:require("../../../static/SmartEarthSDK/Workers/image/point-16px.png"),
        // }
      ],
      state:store.Poplayer,
      state: store.Poplayer,
    };
  },
  methods: {
@@ -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;
}
@@ -421,8 +426,8 @@
  transition: 1s;
}
.legend-box {
   max-height: 340px; 
   overflow-y: auto; 
  max-height: 340px;
  overflow-y: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;