修改弹出层动画

pull/1053/head
lyswhut 2022-11-13 15:38:34 +08:00
parent 05e9c07aa1
commit 07708c7a56
2 changed files with 3 additions and 3 deletions

View File

@ -125,8 +125,8 @@ onBeforeUnmount(() => {
border-radius: 4px;
background-color: var(--color-content-background);
opacity: 0;
transform: scale(.8, .8);
transform-origin: 0 0 0;
transform: scale(.8);
transform-origin: 50% 0 0;
transition: .16s ease;
transition-property: transform, opacity;
max-height: 250px;

View File

@ -1,5 +1,5 @@
<template lang="pug">
transition(enter-active-class="animated lightSpeedIn" leave-active-class="animated slideOutDown" @after-enter="handleAfterEnter" @after-leave="handleAfterLeave")
transition(enter-active-class="animated slideInRight" leave-active-class="animated slideOutDown" @after-enter="handleAfterEnter" @after-leave="handleAfterLeave")
div(:class="[$style.container, { [$style.fullscreen]: isFullscreen }]" @contextmenu="handleContextMenu" v-if="isShowPlayerDetail")
div(:class="$style.bg")
//- div(:class="$style.bg" :style="bgStyle")