From 4104e8bba8a1749770055af6f2bcbacff285952b Mon Sep 17 00:00:00 2001
From: weiq <6682220aabc@163.com>
Date: Fri, 20 Aug 2021 17:06:10 +0800
Subject: [PATCH] Dialog&Drawer&Popup:fix the flickering problem of the pop-up
 layer animation of the WeChat official account browser

---
 packages/theme-chalk/src/common/popup.scss | 4 ++--
 packages/theme-chalk/src/dialog.scss       | 4 ++--
 packages/theme-chalk/src/drawer.scss       | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/theme-chalk/src/common/popup.scss b/packages/theme-chalk/src/common/popup.scss
index 00030ba6c..ff093719e 100644
--- a/packages/theme-chalk/src/common/popup.scss
+++ b/packages/theme-chalk/src/common/popup.scss
@@ -2,11 +2,11 @@
 @import "../mixins/mixins";
 
 .v-modal-enter {
-  animation: v-modal-in .2s ease;
+  animation: v-modal-in .2s ease both;
 }
 
 .v-modal-leave {
-  animation: v-modal-out .2s ease forwards;
+  animation: v-modal-out .2s ease both;
 }
 
 @keyframes v-modal-in {
diff --git a/packages/theme-chalk/src/dialog.scss b/packages/theme-chalk/src/dialog.scss
index fa8a3a8ce..c7cd87edb 100644
--- a/packages/theme-chalk/src/dialog.scss
+++ b/packages/theme-chalk/src/dialog.scss
@@ -93,11 +93,11 @@
 }
 
 .dialog-fade-enter-active {
-  animation: dialog-fade-in .3s;
+  animation: dialog-fade-in .3s both;
 }
 
 .dialog-fade-leave-active {
-  animation: dialog-fade-out .3s;
+  animation: dialog-fade-out .3s both;
 }
 
 @keyframes dialog-fade-in {
diff --git a/packages/theme-chalk/src/drawer.scss b/packages/theme-chalk/src/drawer.scss
index 78fa9bda8..2b5e559d6 100644
--- a/packages/theme-chalk/src/drawer.scss
+++ b/packages/theme-chalk/src/drawer.scss
@@ -211,9 +211,9 @@ $directions: rtl, ltr, ttb, btt;
 }
 
 .el-drawer-fade-enter-active {
-  animation: el-drawer-fade-in .3s;
+  animation: el-drawer-fade-in .3s both;
 }
 
 .el-drawer-fade-leave-active {
-  animation: el-drawer-fade-in .3s reverse;
+  animation: el-drawer-fade-in .3s reverse both;
 }