feat: 修改可更新页面空页面样式

frontend/src/views/app-store/index.scss

@@ -60,10 +60,6 @@
     margin-right: 5px;
 }
 
-.tag-button {
-    margin-left: 10px;
-}
-
 .app-divider {
     margin-top: 5px;
     border: 0;
@@ -87,3 +83,11 @@
         height: 300px;
     }
 }
+
+.tag-button {
+    margin-right: 10px;
+    &.no-active {
+        background: none;
+        border: none;
+    }
+}

frontend/src/views/app-store/installed/index.vue

@@ -43,13 +43,16 @@
         <template #rightButton>
             <el-button @click="sync" type="primary" link v-if="mode === 'installed'">{{ $t('app.sync') }}</el-button>
         </template>
+
         <template #main>
-            <div class="update-prompt" v-if="mode === 'update'">
+            <div class="update-prompt" v-if="mode === 'update' && data == null">
-                <span>{{ $t('app.updatePrompt') }}</span>
+                <el-empty
-                <div>
+                    :description="$t('app.updatePrompt')"
-                    <img src="@/assets/images/no_update_app.svg" />
+                    image="/src/assets/images/no_update_app.svg"
-                </div>
+                    :image-size="200"
+                ></el-empty>
             </div>
+
             <el-row :gutter="5">
                 <el-col v-for="(installed, index) in data" :key="index" :span="12">
                     <div class="app-card">
@@ -169,7 +172,7 @@ import Status from '@/components/status/index.vue';
 import { getAge } from '@/utils/util';
 import { useRouter } from 'vue-router';
 
-let data = ref<any>();
+let data = ref<any>([]);
 let loading = ref(false);
 let timer: NodeJS.Timer | null = null;
 const paginationConfig = reactive({