natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Update dialog.vue

This commit is contained in:
syuilo 2020-09-05 14:41:03 +09:00
parent 37bd407161
commit d5d29ac87c
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/components/dialog.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="mk-dialog" :class="{ iconOnly }" :style="{ pointerEvents: closing ? 'none' : 'auto' }"> <div class="mk-dialog" :class="{ iconOnly }" :style="{ pointerEvents: closing ? 'none' : 'auto' }">
<transition :name="$store.state.device.animation ? 'bg-fade' : ''" appear> <transition :name="$store.state.device.animation ? 'bg-fade' : ''" appear>
<div class="bg _modalBg" @click="onBgClick" v-if="!closing" :style="{ pointerEvents: closing ? 'none' : 'auto' }"></div> <div class="bg _modalBg" @click="onBgClick" v-if="!closing"></div>
</transition> </transition>
<transition :name="$store.state.device.animation ? 'dialog' : ''" appear @after-leave="$emit('closed')"> <transition :name="$store.state.device.animation ? 'dialog' : ''" appear @after-leave="$emit('closed')">
<div class="main" v-if="!closing" :style="{ pointerEvents: closing ? 'none' : 'auto' }"> <div class="main" v-if="!closing">
<template v-if="type == 'signin'"> <template v-if="type == 'signin'">
<mk-signin/> <mk-signin/>
</template> </template>
@ -214,6 +214,7 @@ export default defineComponent({
.dialog-enter-from, .dialog-leave-to { .dialog-enter-from, .dialog-leave-to {
opacity: 0; opacity: 0;
transform: scale(0.9); transform: scale(0.9);
pointer-events: none;
} }
.bg-fade-enter-active, .bg-fade-leave-active { .bg-fade-enter-active, .bg-fade-leave-active {
@ -221,6 +222,7 @@ export default defineComponent({
} }
.bg-fade-enter-from, .bg-fade-leave-to { .bg-fade-enter-from, .bg-fade-leave-to {
opacity: 0; opacity: 0;
pointer-events: none;
} }
.mk-dialog { .mk-dialog {