修改图例功能效果

chenzeping

2021-03-05 16db39abe5b733764c760c7d3d754798cbe77c43

 src/components/panel/LegendPanel.vue

@@ -240,19 +240,21 @@
  @keyframes bounce-in {
    0% {
      transform: scale(0);
      opacity: 0.3;
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .fade-enter-active {
    transform-origin: left center;
    transform-origin: right center;
    animation: bounce-in 1s;
  }g
  }

  .fade-leave-active {
    transform-origin: left center;
@@ -261,7 +263,7 @@

  .legend-content {
    position: absolute;
    right: 8rem;
    right: 1rem;
    bottom: 3rem;
    width: 30rem;
    height: 30rem;