将多个组件中的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
+12 -10
View File
@@ -342,16 +342,18 @@ onDeactivated(() => {
</draggable>
<!-- 底部操作按钮只在非移动设备上显示 -->
<VFab
v-if="!appMode"
icon="mdi-view-dashboard-edit"
location="bottom"
size="x-large"
fixed
app
appear
@click="dialog = true"
/>
<Teleport to="body">
<VFab
v-if="!appMode"
icon="mdi-view-dashboard-edit"
location="bottom"
size="x-large"
fixed
app
appear
@click="dialog = true"
/>
</Teleport>
<!-- 弹窗根据配置生成选项 -->
<VDialog v-if="dialog" v-model="dialog" max-width="35rem" :fullscreen="!display.mdAndUp.value" scrollable>