wangjuncheng
4 天以前 cf7752d995e09d48eca9a1ca5634a9e71ae46553
src/components/tools/Legend_zhjc.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" />
@@ -31,13 +31,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;