guonan
9 天以前 a57caa72a54efe9de3fe26a6c36d3e8038267377
src/components/tools/Legend_yhgl.vue
@@ -1,6 +1,6 @@
<template>
  <div class="legend-container">
    <div class="legend-title">图例说明</div>
    <div class="legend-title">监测位置图例</div>
    <ul class="legend-list">
      <li v-for="(item, index) in legendItems" :key="index" class="legend-item">
        <img :src="getImageUrl(item.icon)" :alt="item.label" class="legend-icon" />
@@ -26,13 +26,13 @@
};
onMounted(() => {
  console.log("这里是图例集合!");
  // console.log("这里是图例集合!");
});
</script>
<style lang="less" scoped>
.legend-container {
  padding: 0.5rem; // 减少内边距
  padding: 1rem; // 减少内边距
  // background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;