From 5018f967866094aafbc3a88f721d40c2bb254abe Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 1 Jun 2024 22:07:19 +0800
Subject: [PATCH] fix VFab

---
 src/components/cards/PluginCard.vue          |  2 +-
 src/pages/dashboard.vue                      |  2 +-
 src/pages/resource.vue                       | 13 +----
 src/views/plugin/PluginCardListView.vue      |  4 +-
 src/views/reorganize/TransferHistoryView.vue | 51 ++++++++++----------
 src/views/site/SiteCardListView.vue          |  2 +-
 src/views/subscribe/SubscribeListView.vue    |  6 +--
 7 files changed, 36 insertions(+), 44 deletions(-)

diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 1657a42c..e541ccbe 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -456,7 +456,7 @@ watch(
       <VCardText class="min-h-40">
         <PageRender @action="loadPluginPage" v-for="(item, index) in pluginPageItems" :key="index" :config="item" />
       </VCardText>
-      <VFab icon="mdi-cog" location="bottom end" size="x-large" fixed app appear @click="showPluginConfig" />
+      <VFab icon="mdi-cog" location="bottom" size="x-large" fixed app appear @click="showPluginConfig" />
     </VCard>
   </VDialog>
 
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index e4c71690..fbdece16 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -314,7 +314,7 @@ onBeforeMount(async () => {
   </draggable>
 
   <!-- 底部操作按钮 -->
-  <VFab icon="mdi-view-dashboard-edit" location="bottom end" size="x-large" fixed app appear @click="dialog = true" />
+  <VFab icon="mdi-view-dashboard-edit" location="bottom" size="x-large" fixed app appear @click="dialog = true" />
 
   <!-- 弹窗，根据配置生成选项 -->
   <VDialog v-model="dialog" max-width="35rem" scrollable>
diff --git a/src/pages/resource.vue b/src/pages/resource.vue
index b0b8f40d..f1a7359b 100644
--- a/src/pages/resource.vue
+++ b/src/pages/resource.vue
@@ -133,21 +133,12 @@ onMounted(() => {
   <VFab
     v-if="viewType === 'list'"
     icon="mdi-view-grid"
-    location="bottom end"
+    location="bottom"
     size="x-large"
     fixed
     app
     appear
     @click="setViewType('card')"
   />
-  <VFab
-    v-else
-    icon="mdi-view-list"
-    location="bottom end"
-    size="x-large"
-    fixed
-    app
-    appear
-    @click="setViewType('list')"
-  />
+  <VFab v-else icon="mdi-view-list" location="bottom" size="x-large" fixed app appear @click="setViewType('list')" />
 </template>
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index 4957dd1a..4382b91d 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -323,7 +323,7 @@ function handleRepoUrl(url: string | undefined) {
 
 // 跳转tab
 function jumpTab(tab: string) {
-  router.push("/plugins?tab=" + tab)
+  router.push('/plugins?tab=' + tab)
 }
 
 // 加载时获取数据
@@ -443,7 +443,7 @@ onBeforeMount(async () => {
   <VFab
     icon="mdi-magnify"
     color="info"
-    location="bottom end"
+    location="bottom"
     class="mb-2"
     size="x-large"
     fixed
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index 365a35f6..12e35e22 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -414,6 +414,32 @@ onMounted(fetchData)
       </VPagination>
     </div>
   </VCard>
+
+  <!-- 底部操作按钮 -->
+  <span>
+    <VFab
+      v-if="selected.length > 0"
+      icon="mdi-trash-can-outline"
+      color="error"
+      location="bottom"
+      size="x-large"
+      fixed
+      app
+      appear
+      @click="removeHistoryBatch"
+    />
+    <VFab
+      v-if="selected.length > 0"
+      class="mb-16"
+      icon="mdi-redo-variant"
+      location="bottom"
+      size="x-large"
+      fixed
+      app
+      appear
+      @click="retransferBatch"
+    />
+  </span>
   <!-- 底部弹窗 -->
   <VBottomSheet v-model="deleteConfirmDialog" inset>
     <VCard class="text-center rounded-t">
@@ -452,31 +478,6 @@ onMounted(fetchData)
     "
     @close="redoDialog = false"
   />
-  <!-- 底部操作按钮 -->
-  <span>
-    <VFab
-      v-if="selected.length > 0"
-      icon="mdi-trash-can-outline"
-      color="error"
-      location="bottom end"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="removeHistoryBatch"
-    />
-    <VFab
-      v-if="selected.length > 0"
-      class="mb-2"
-      icon="mdi-redo-variant"
-      location="bottom end"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="retransferBatch"
-    />
-  </span>
 </template>
 
 <style lang="scss">
diff --git a/src/views/site/SiteCardListView.vue b/src/views/site/SiteCardListView.vue
index f02330b5..5abd93df 100644
--- a/src/views/site/SiteCardListView.vue
+++ b/src/views/site/SiteCardListView.vue
@@ -67,7 +67,7 @@ onBeforeMount(fetchData)
     error-description="已添加并支持的站点将会在这里显示。"
   />
   <!-- 新增站点按钮 -->
-  <VFab icon="mdi-plus" location="bottom end" size="x-large" fixed app appear @click="siteAddDialog = true" />
+  <VFab icon="mdi-plus" location="bottom" size="x-large" fixed app appear @click="siteAddDialog = true" />
   <!-- 新增站点弹窗 -->
   <SiteAddEditDialog
     v-if="siteAddDialog"
diff --git a/src/views/subscribe/SubscribeListView.vue b/src/views/subscribe/SubscribeListView.vue
index 1d5e22cd..68381acc 100644
--- a/src/views/subscribe/SubscribeListView.vue
+++ b/src/views/subscribe/SubscribeListView.vue
@@ -81,7 +81,7 @@ const filteredDataList = computed(() => {
   <VFab
     v-if="store.state.auth.superUser"
     icon="mdi-clipboard-edit"
-    location="bottom end"
+    location="bottom"
     size="x-large"
     fixed
     app
@@ -92,8 +92,8 @@ const filteredDataList = computed(() => {
     v-if="store.state.auth.superUser"
     icon="mdi-history"
     color="info"
-    location="bottom end"
-    class="mb-2"
+    location="bottom"
+    class="mb-16"
     size="x-large"
     fixed
     app