github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Dialog&Drawer&Popup:fix the flickering problem of the pop-up layer animation of the WeChat official account browser

pull/21249/head
weiq 2021-08-20 17:06:10 +08:00
parent c50a0bf978
commit 4104e8bba8
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/theme-chalk/src/common/popup.scss
View File

@ -2,11 +2,11 @@
@import "../mixins/mixins"; @import "../mixins/mixins";
.v-modal-enter { .v-modal-enter {
animation: v-modal-in .2s ease; animation: v-modal-in .2s ease both;
} }
.v-modal-leave { .v-modal-leave {
animation: v-modal-out .2s ease forwards; animation: v-modal-out .2s ease both;
} }
@keyframes v-modal-in { @keyframes v-modal-in {

4
packages/theme-chalk/src/dialog.scss
View File

@ -93,11 +93,11 @@
} }
.dialog-fade-enter-active { .dialog-fade-enter-active {
animation: dialog-fade-in .3s; animation: dialog-fade-in .3s both;
} }
.dialog-fade-leave-active { .dialog-fade-leave-active {
animation: dialog-fade-out .3s; animation: dialog-fade-out .3s both;
} }
@keyframes dialog-fade-in { @keyframes dialog-fade-in {

4
packages/theme-chalk/src/drawer.scss
View File

@ -211,9 +211,9 @@ $directions: rtl, ltr, ttb, btt;
} }
.el-drawer-fade-enter-active { .el-drawer-fade-enter-active {
animation: el-drawer-fade-in .3s; animation: el-drawer-fade-in .3s both;
} }
.el-drawer-fade-leave-active { .el-drawer-fade-leave-active {
animation: el-drawer-fade-in .3s reverse; animation: el-drawer-fade-in .3s reverse both;
} }