refactor: separate vue transition & transition group styles into transitionAndTransitionGroup.scss

This commit is contained in:
Hakadao
2023-10-11 17:33:59 +08:00
parent 241ec7e777
commit b1fd52cc6e
3 changed files with 37 additions and 35 deletions

View File

@@ -327,38 +327,3 @@ function handleOsScroll() {
--at-apply: opacity-0 transform -translate-y-full;
}
</style>
<style lang="scss">
.page-fade-enter-active,
.page-fade-leave-active {
transition: opacity 0.5s ease;
}
.page-fade-enter-from,
.page-fade-leave-to {
--at-apply: opacity-0;
}
.page-fade-leave-to {
--at-apply: hidden
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
--at-apply: opacity-0;
}
.list-enter-active,
.list-leave-active {
transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
--at-apply: opacity-0 transform translate-y-6 transform-gpu;
}
.list-leave-to {
--at-apply: hidden
}
</style>