From eee0c0c878384314050a3ae028411adb87c1df06 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 26 Mar 2024 15:59:37 +0800
Subject: [PATCH] fix ui

---
 src/components/cards/PluginAppCard.vue  | 4 ++--
 src/components/cards/PluginCard.vue     | 6 ++++++
 src/views/plugin/PluginCardListView.vue | 3 ++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index dfc1a632..b7e528a4 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -197,8 +197,8 @@ const dropdownItems = ref([
         </a>
       </span>
       <span v-if="props.count" class="ms-3">
-        <VIcon icon="mdi-download" class="me-1" />
-        {{ props.count?.toLocaleString() }}
+        <VIcon icon="mdi-download" />
+        <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
       </span>
     </VCardText>
   </VCard>
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index f4bddb03..b50c8e80 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
 import { useConfirm } from 'vuetify-use-dialog'
+import { VIcon } from 'vuetify/lib/components/index.mjs'
 import api from '@/api'
 import type { Plugin } from '@/api/types'
 import FormRender from '@/components/render/FormRender.vue'
@@ -13,6 +14,7 @@ import store from '@/store'
 // 输入参数
 const props = defineProps({
   plugin: Object as PropType<Plugin>,
+  count: Number,
   width: String,
   height: String,
 })
@@ -424,6 +426,10 @@ watch(() => props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => {
         />
       </VAvatar>
     </div>
+    <span v-if="props.count" class="absolute bottom-1 right-2 flex items-center">
+      <VIcon icon="mdi-fire" />
+      <span class="text-sm ms-1">{{ props.count }}</span>
+    </span>
     <VCardItem class="py-2">
       <VCardTitle class="flex items-center flex-row">
         <VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index 876d9caa..a4d2db20 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -128,6 +128,7 @@ onBeforeMount(() => {
     <PluginCard
       v-for="data in dataList"
       :key="`${data.id}_v${data.plugin_version}`"
+      :count="PluginStatistics[data.id || '0']"
       :plugin="data"
       @remove="refreshData"
       @save="refreshData"
@@ -192,7 +193,7 @@ onBeforeMount(() => {
             color="primary"
           />
         </div>
-        <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card items-start">
+        <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card">
           <div
             v-for="(data, index) in getUnupdatedPlugins"
             :key="index"