fix: 补全骨架屏渲染机制

- 补全各个页面的骨架屏渲染机制修改

app/pages/download/[id].vue

@@ -4,11 +4,17 @@
       <h1 class="page-title">{{ $t('navigation.downloads') }}</h1>
       <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
     </div>
-    <div v-if="!pending" class="page-content">
-      <file-card :file-id="id" :file="file" />
-    </div>
-    <div v-else>
-      <el-skeleton :rows="6" animated />
+    <div class="page-content">
+      <el-skeleton
+        :loading="pending"
+        :rows="6"
+        animated
+        :throttle="{ leading: 500, trailing: 500 }"
+      >
+        <template #default>
+          <file-card :file-id="id" :file="file" />
+        </template>
+      </el-skeleton>
     </div>
   </div>
 </template>