修改图例弹出/隐藏动画

chenzeping

2021-03-08 1c6ae6ae8e200a1d68db875a6a79382487929ef6

 src/components/panel/LegendPanel.vue

@@ -240,28 +240,30 @@
  @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;
    transform-origin: right;
    animation: bounce-in 1s reverse;
  }

  .legend-content {
    position: absolute;
    right: 8rem;
    right: 1rem;
    bottom: 3rem;
    width: 30rem;
    height: 30rem;
@@ -298,7 +300,6 @@
          span {
            font-size: 12px;
            color: white;
            //width: 80%;
          }
        }
      }
@@ -310,10 +311,6 @@
      margin-block-start: 0.5rem;
      margin-block-end: 0;
    }

    //.under-line:last-child {
    //  display: none;
    //}
  }
}
</style>