fix: 完成首页静态展示内容

src/components/Skeleton/index.ts

@@ -0,0 +1,3 @@
+import Skeleton from './index.vue';
+
+export { Skeleton };

src/components/Skeleton/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <div v-show="load">
+    <div v-show="repeat == 1">
+      <n-skeleton v-bind="$attrs" />
+    </div>
+    <div v-show="repeat == 2">
+      <n-skeleton v-bind="$attrs" />
+      <n-skeleton v-bind="$attrs" style="width: 60%;" />
+    </div>
+    <div v-show="repeat > 2">
+      <n-skeleton v-bind="$attrs" :repeat="repeat - 2" />
+      <n-skeleton v-bind="$attrs" style="width: 60%;" />
+      <n-skeleton v-bind="$attrs" style="width: 50%;" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineProps({
+  repeat: {
+    type: Number,
+    default: 1
+  },
+  load: {
+    type: Boolean,
+    default: true
+  }
+})
+</script>