From 16db39abe5b733764c760c7d3d754798cbe77c43 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期五, 05 三月 2021 15:09:26 +0800
Subject: [PATCH] 修改图例功能效果
---
src/components/panel/LegendPanel.vue | 8 +++++---
1 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/components/panel/LegendPanel.vue b/src/components/panel/LegendPanel.vue
index f037a64..bd2c37f 100644
--- a/src/components/panel/LegendPanel.vue
+++ b/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;
--
Gitblit v1.8.0