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

src/pages/dashboard.vue

@@ -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>

src/views/plugin/PluginCardListView.vue

@@ -1504,18 +1504,20 @@ function onDragStartPlugin(evt: any) {
 
   <div v-if="isRefreshed">
     <!-- 插件搜索图标 -->
-    <VFab
-      v-if="!appMode"
-      icon="mdi-magnify"
-      color="info"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="SearchDialog = true"
-      :class="{ 'mb-12': appMode }"
-    />
+    <Teleport to="body">
+      <VFab
+        v-if="!appMode"
+        icon="mdi-magnify"
+        color="info"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="SearchDialog = true"
+        :class="{ 'mb-12': appMode }"
+      />
+    </Teleport>
   </div>
   <!-- 插件市场设置窗口 -->
   <PluginMarketSettingDialog

src/views/reorganize/TransferHistoryView.vue

@@ -698,29 +698,31 @@ onMounted(() => {
   </VCard>
 
   <!-- 底部操作按钮 -->
-  <div v-if="isRefreshed && selected.length > 0">
-    <VFab
-      icon="mdi-trash-can-outline"
-      color="error"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="removeHistoryBatch"
-      :class="appMode ? 'mb-28' : 'mb-16'"
-    />
-    <VFab
-      :class="appMode ? 'mb-44' : 'mb-32'"
-      icon="mdi-redo-variant"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="retransferBatch"
-    />
-  </div>
+  <Teleport to="body">
+    <div v-if="isRefreshed && selected.length > 0">
+      <VFab
+        icon="mdi-trash-can-outline"
+        color="error"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="removeHistoryBatch"
+        :class="appMode ? 'mb-28' : 'mb-16'"
+      />
+      <VFab
+        :class="appMode ? 'mb-44' : 'mb-32'"
+        icon="mdi-redo-variant"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="retransferBatch"
+      />
+    </div>
+  </Teleport>
   <!-- 底部弹窗 -->
   <VBottomSheet v-model="deleteConfirmDialog" inset>
     <VCard class="text-center">

src/views/site/SiteCardListView.vue

@@ -288,17 +288,19 @@ useDynamicButton({
     :error-description="filterOption === 'all' ? t('site.sitesWillBeShownHere') : t('common.tryChangingFilters')"
   />
   <!-- 新增站点按钮 -->
-  <VFab
-    v-if="isRefreshed && !appMode"
-    icon="mdi-web-plus"
-    location="bottom"
-    size="x-large"
-    fixed
-    app
-    appear
-    @click="siteAddDialog = true"
-    :class="{ 'mb-12': appMode }"
-  />
+  <Teleport to="body">
+    <VFab
+      v-if="isRefreshed && !appMode"
+      icon="mdi-web-plus"
+      location="bottom"
+      size="x-large"
+      fixed
+      app
+      appear
+      @click="siteAddDialog = true"
+      :class="{ 'mb-12': appMode }"
+    />
+  </Teleport>
   <!-- 新增站点弹窗 -->
   <SiteAddEditDialog
     v-if="siteAddDialog"

src/views/subscribe/SubscribeListView.vue

@@ -181,20 +181,22 @@ useDynamicButton({
     :error-description="keyword ? t('subscribe.noFilterData') : t('subscribe.noSubscribeData')"
   />
   <!-- 底部操作按钮 -->
-  <div v-if="isRefreshed">
-    <VFab
-      v-if="userStore.superUser && !appMode"
-      icon="mdi-history"
-      color="info"
-      location="bottom"
-      :class="{ 'mb-12': appMode }"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="historyDialog = true"
-    />
-  </div>
+  <Teleport to="body">
+    <div v-if="isRefreshed">
+      <VFab
+        v-if="userStore.superUser && !appMode"
+        icon="mdi-history"
+        color="info"
+        location="bottom"
+        :class="{ 'mb-12': appMode }"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="historyDialog = true"
+      />
+    </div>
+  </Teleport>
   <!-- 历史记录弹窗 -->
   <SubscribeHistoryDialog
     v-if="historyDialog"

src/views/user/UserListView.vue

@@ -96,17 +96,19 @@ useDynamicButton({
     </div>
 
     <!-- 新增用户按钮 -->
-    <VFab
-      v-if="isRefreshed && !appMode"
-      icon="mdi-account-plus"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="openAddUserDialog"
-      :class="{ 'mb-12': appMode }"
-    />
+    <Teleport to="body">
+      <VFab
+        v-if="isRefreshed && !appMode"
+        icon="mdi-account-plus"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="openAddUserDialog"
+        :class="{ 'mb-12': appMode }"
+      />
+    </Teleport>
 
     <!-- 用户添加弹窗 -->
     <UserAddEditDialog

src/views/workflow/WorkflowListView.vue

@@ -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>