From d3619e1e32dd9db18468e407eb39ab32698c0945 Mon Sep 17 00:00:00 2001
From: "iVampireSP.com" <im@ivampiresp.com>
Date: Thu, 7 Dec 2023 15:09:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/documents/List.vue | 61 ++++++++++++++++++++++++++----------
 1 file changed, 44 insertions(+), 17 deletions(-)

diff --git a/src/views/documents/List.vue b/src/views/documents/List.vue
index f79e1f3..b7100d2 100644
--- a/src/views/documents/List.vue
+++ b/src/views/documents/List.vue
@@ -1,29 +1,56 @@
 <template>
   <div>{{ documents }}</div>
+  <div>
+    <v-row >
+      <v-col cols="6" md="4">
+        <v-skeleton-loader
+          class="mx-auto border"
+          max-width="300"
+          type="image, article"
+        ></v-skeleton-loader>
+      </v-col>
+
+      <v-col cols="6" md="4">
+        <v-skeleton-loader
+          class="mx-auto border"
+          max-width="300"
+          type="image, article"
+        ></v-skeleton-loader>
+      </v-col>
+      <v-col cols="6" md="4">
+        <v-skeleton-loader
+          class="mx-auto border"
+          max-width="300"
+          type="image, article"
+        ></v-skeleton-loader>
+      </v-col>
+    </v-row>
+  </div>
 </template>
 
 <script setup>
-import { document } from '@/plugins/api';
-import router from '@/router';
-import {ref} from 'vue'
+import { document } from "@/plugins/api";
+import router from "@/router";
+import { ref } from "vue";
 
-const libraryId = router.currentRoute.value.params.LibraryId
-const page = ref(1)
-const documents = ref([])
-const loading = ref(false)
+const libraryId = router.currentRoute.value.params.LibraryId;
+const page = ref(1);
+const documents = ref([]);
+const loading = ref(false);
 
 function load() {
-  loading.value = true
+  loading.value = true;
 
-  document.libraryLibraryIdDocumentsGet(libraryId, page.value).then((r) => {
-    documents.value = r.data
-  }).finally(() => {
-    loading.value = false
-  })
+  document
+    .libraryLibraryIdDocumentsGet(libraryId, page.value)
+    .then((r) => {
+      documents.value = r.data;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
 }
 
-load()
-console.log(libraryId)
-
-
+load();
+console.log(libraryId);
 </script>