From 3cc9f0efa740810f88738788b062f348d8d9b48a Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期一, 08 三月 2021 09:34:13 +0800
Subject: [PATCH] 修改图例动画功能
---
src/components/panel/LegendPanel.vue | 11 +++++------
1 files changed, 5 insertions(+), 6 deletions(-)
diff --git a/src/components/panel/LegendPanel.vue b/src/components/panel/LegendPanel.vue
index af1ac12..59cce89 100644
--- a/src/components/panel/LegendPanel.vue
+++ b/src/components/panel/LegendPanel.vue
@@ -241,12 +241,14 @@
@keyframes bounce-in {
0% {
transform: scale(0);
+ opacity: 0.3;
}
//50% {
// transform: scale(1.1);
//}
100% {
transform: scale(1);
+ opacity: 1;
}
}
@@ -256,13 +258,15 @@
}
.fade-leave-active {
+ transform-origin: right;
+ animation: bounce-in 1s reverse;
transform-origin: right bottom;
animation: bounce-in .5s reverse;
}
.legend-content {
position: absolute;
- right: 8rem;
+ right: 1rem;
bottom: 3rem;
width: 30rem;
height: 30rem;
@@ -299,7 +303,6 @@
span {
font-size: 12px;
color: white;
- //width: 80%;
}
}
}
@@ -311,10 +314,6 @@
margin-block-start: 0.5rem;
margin-block-end: 0;
}
-
- //.under-line:last-child {
- // display: none;
- //}
}
}
</style>
--
Gitblit v1.8.0