github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 19:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2025-05-07 13:16:27 +08:00
parent 3018f3653c
commit 1e45d199e2
1 changed files with 40 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
resources/assets/js/components/MicroApps.vue
View File

@ -1,10 +1,16 @@
<template> <template>
<div class="micro-app-wrapper"> <div class="micro-app-wrapper">
<template v-for="app in apps"> <template v-for="app in apps">
<div <Modal
v-if="app.transparent" v-if="app.transparent"
v-transfer-dom v-model="app.isOpen"
:data-transfer="true"> :mask="false"
:footer-hide="true"
:transition-names="[]"
:beforeClose="async () => { await onBeforeClose(app.appName) }"
class-name="micro-app-trans"
fullscreen>
<template>
<micro-app <micro-app
v-if="app.isOpen" v-if="app.isOpen"
:name="app.appName" :name="app.appName"
@ -16,10 +22,11 @@
@mounted="mounted" @mounted="mounted"
@unmount="unmount" @unmount="unmount"
@error="error"/> @error="error"/>
<div v-if="app.isLoading" class="micro-app-loader spinner"> <div v-if="app.isLoading" class="micro-app-loader">
<Loading/> <Loading/>
</div> </div>
</div> </template>
</Modal>
<DrawerOverlay <DrawerOverlay
v-else v-else
v-model="app.isOpen" v-model="app.isOpen"
@ -50,6 +57,18 @@
</template> </template>
<style lang="scss"> <style lang="scss">
.micro-app-trans {
.ivu-modal-close {
display: none;
}
.ivu-modal-content {
background: transparent;
}
.micro-app-loader {
background-color: rgba(255, 255, 255, 0.6);
}
}
.micro-app-modal { .micro-app-modal {
.ivu-modal-close { .ivu-modal-close {
display: none; display: none;
@ -71,12 +90,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&.spinner {
position: fixed;
z-index: 9999;
background-color: rgba(255, 255, 255, 0.6);
}
} }
</style> </style>
@ -104,12 +117,14 @@ export default {
} }
}, },
mounted() { created() {
microApp.start({ microApp.start({
'iframe': true, 'iframe': true,
'router-mode': 'state', 'router-mode': 'state',
}) })
},
mounted() {
emitter.on('openMicroApp', this.openMicroApp); emitter.on('openMicroApp', this.openMicroApp);
}, },