feat:新增骨架屏组件以及接入首页的骨架屏

Yi.Bbs.Vue3/src/components/Skeleton/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <el-col :span="24">
+    <el-card shadow="never" class="card-box"> <el-skeleton /> </el-card>
+  </el-col>
+</template>
+
+<script setup>
+import { ref, defineProps } from "vue";
+
+const props = defineProps({
+  isBorder: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
+
+<style lang="scss">
+.card-box {
+  --el-card-border-color: v-bind(isBorder ? "#e4e7ed": "transparent");
+}
+</style>