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

src/plugins/customComponents.ts

@@ -1,7 +1,10 @@
+import type { App } from 'vue'
+import { Skeleton } from '@/components/Skeleton'
+
 /**
  * 全局注册自定义组件 待完善
  * @param app
  */
-export function setupCustomComponents() {
-  // app.component()
+export function setupCustomComponents(app: App) {
+  app.component('Skeleton', Skeleton)
 }

src/plugins/icon.ts

@@ -0,0 +1,45 @@
+import {
+  Close as CloseIcon,
+  Remove as RemoveIcon,
+  Resize as ResizeIcon,
+  EllipsisHorizontalSharp as EllipsisHorizontalCircleSharpIcon,
+  CopyOutline as CopyIcon,
+  Trash as TrashIcon,
+  Pencil as PencilIcon,
+  Hammer as HammerIcon,
+  ApertureSharp as ApertureSharpIcon,
+  DownloadOutline as DownloadIcon,
+  Open as OpenIcon
+} from '@vicons/ionicons5'
+
+// ionicons5 在这里
+const ionicons5 = {
+  // 关闭
+  CloseIcon,
+  // 移除（最小化）
+  RemoveIcon,
+  // 调整（最大化）
+  ResizeIcon,
+  // 省略号
+  EllipsisHorizontalCircleSharpIcon,
+  // 复制
+  CopyIcon,
+  // 删除（垃圾桶）
+  TrashIcon,
+  // 编辑1（笔）
+  PencilIcon,
+  // 编辑2（锤子）
+  HammerIcon,
+  // 预览
+  ApertureSharpIcon,
+  // 下载
+  DownloadIcon,
+  // 导出
+  OpenIcon
+}
+
+// https://www.xicons.org/#/ 还有很多
+
+export const icon = {
+  ionicons5
+}

src/plugins/index.ts

@@ -1,3 +1,4 @@
-export { setupNaive } from '@/plugins/naive';
-export { setupDirectives } from '@/plugins/directives';
-export { setupCustomComponents } from '@/plugins/customComponents';
+export { setupNaive } from '@/plugins/naive'
+export { setupDirectives } from '@/plugins/directives'
+export { setupCustomComponents } from '@/plugins/customComponents'
+export { icon } from '@/plugins/icon'

src/plugins/naive.ts

@@ -12,6 +12,7 @@ import {
   NMessageProvider,
   NDialogProvider,
   NInput,
+  NImage,
   NButton,
   NForm,
   NFormItem,
@@ -97,6 +98,7 @@ const naive = create({
     NCheckboxGroup,
     NCheckbox,
     NIcon,
+    NImage,
     NLayout,
     NLayoutHeader,
     NLayoutContent,