将多个组件中的VFab按钮包裹在Teleport中,以确保在移动设备上正确显示

This commit is contained in:
jxxghp
2025-07-03 07:18:31 +08:00
parent 7d36330b4b
commit 8718816fce
7 changed files with 106 additions and 92 deletions

View File

@@ -72,17 +72,19 @@ useDynamicButton({
</div>
<!-- 新增按钮 -->
<VFab
v-if="isRefreshed && !appMode"
icon="mdi-plus"
location="bottom"
size="x-large"
fixed
app
appear
:class="{ 'mb-12': appMode }"
@click="addDialog = true"
/>
<Teleport to="body">
<VFab
v-if="isRefreshed && !appMode"
icon="mdi-plus"
location="bottom"
size="x-large"
fixed
app
appear
:class="{ 'mb-12': appMode }"
@click="addDialog = true"
/>
</Teleport>
<!-- 新增对话框 -->
<WorkflowAddEditDialog v-if="addDialog" v-model="addDialog" @close="addDialog = false" @save="addDone" />
</template>