mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-19 06:43:51 +02:00
add submenu slide transition
This commit is contained in:
@@ -32,7 +32,7 @@
|
|||||||
:show-arrow="false"
|
:show-arrow="false"
|
||||||
:offset="0"
|
:offset="0"
|
||||||
:width="navPopoverWidth"
|
:width="navPopoverWidth"
|
||||||
transition="null"
|
transition="nav-menu-slide"
|
||||||
@before-enter="handleSubMenuBeforeEnter()"
|
@before-enter="handleSubMenuBeforeEnter()"
|
||||||
:popper-style="navPopoverStyle"
|
:popper-style="navPopoverStyle"
|
||||||
popper-class="nav-menu-popover-popper">
|
popper-class="nav-menu-popover-popper">
|
||||||
@@ -747,4 +747,18 @@
|
|||||||
background-color: var(--el-menu-hover-bg-color);
|
background-color: var(--el-menu-hover-bg-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:global(.nav-menu-slide-enter-active),
|
||||||
|
:global(.nav-menu-slide-leave-active) {
|
||||||
|
transition:
|
||||||
|
opacity var(--el-transition-duration) ease,
|
||||||
|
transform var(--el-transition-duration) ease;
|
||||||
|
transform-origin: left center;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.nav-menu-slide-enter-from),
|
||||||
|
:global(.nav-menu-slide-leave-to) {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(-12px);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user