Browse Source

refactor: resolve footer-toolbar hidden by monica #195

0xJacky 1 year ago
parent
commit
a49d9e0037
1 changed files with 10 additions and 1 deletions
  1. 10 1
      app/src/components/FooterToolbar/FooterToolBar.vue

+ 10 - 1
app/src/components/FooterToolbar/FooterToolBar.vue

@@ -3,10 +3,19 @@ defineProps<{
   prefixCls?: string
   extra?: string | object
 }>()
+
+const mounted = ref(false)
+
+onMounted(() => {
+  mounted.value = true
+})
 </script>
 
 <template>
-  <Teleport to="body">
+  <Teleport
+    v-if="mounted"
+    to=".main-container"
+  >
     <div class="ant-pro-footer-toolbar">
       <div style="float: left">
         <slot name="extra">