From a81becd77b8fa90c0173dfea222265151b279579 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 7 Apr 2024 11:53:47 +0800
Subject: [PATCH] fix

---
 .stylelintrc.json                       |  3 +-
 src/views/plugin/PluginCardListView.vue | 49 +++++++++++--------------
 2 files changed, 24 insertions(+), 28 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 89f9a763..0eacc943 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -24,5 +24,6 @@
         "liberty/use-logical-spec": true,
         "selector-class-pattern": null,
         "color-function-notation": null
-    }
+    },
+    "fix": true
 }
\ No newline at end of file
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index 38e4e398..0f4df1da 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -243,7 +243,17 @@ onBeforeMount(() => {
     error-description="点击右下角按钮，前往插件市场安装插件。"
   />
   <!-- App市场 -->
+  <VFab
+    icon="mdi-store-plus"
+    location="bottom end"
+    size="x-large"
+    fixed
+    app
+    appear
+    @click="PluginAppDialog = true"
+  />
   <VDialog
+    v-if="PluginAppDialog"
     v-model="PluginAppDialog"
     fullscreen
     scrollable
@@ -251,19 +261,6 @@ onBeforeMount(() => {
     :z-index="1010"
     transition="dialog-bottom-transition"
   >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VFab
-        v-bind="props"
-        icon="mdi-store-plus"
-        location="bottom end"
-        size="x-large"
-        fixed
-        app
-        appear
-      />
-    </template>
-
     <!-- Dialog Content -->
     <VCard>
       <!-- Toolbar -->
@@ -318,27 +315,25 @@ onBeforeMount(() => {
   </VDialog>
 
   <!-- 插件搜索 -->
+  <VFab
+    icon="mdi-magnify"
+    color="info"
+    location="bottom end"
+    class="mb-2"
+    size="x-large"
+    fixed
+    app
+    appear
+    @click="SearchDialog = true"
+  />
   <VDialog
+    v-if="SearchDialog"
     v-model="SearchDialog"
     scrollable
     :z-index="1010"
     max-width="40rem"
     max-height="85vh"
   >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VFab
-        v-bind="props"
-        icon="mdi-magnify"
-        color="info"
-        location="bottom end"
-        class="mb-2"
-        size="x-large"
-        fixed
-        app
-        appear
-      />
-    </template>
     <VCard
       class="mx-auto"
       width="100%"