From 047a3fe3b688db45380c3e4a4bf69f3b8efecc03 Mon Sep 17 00:00:00 2001
From: Kaifuny <superbiger.github@gmail.com>
Date: Thu, 10 Aug 2023 06:23:26 +0800
Subject: [PATCH] add: dashboard layout

Signed-off-by: Kaifuny <superbiger.github@gmail.com>
---
 .../dashboard/src/views/DashboardView.vue     | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/contact-frontend/packages/modules/services/dashboard/src/views/DashboardView.vue b/contact-frontend/packages/modules/services/dashboard/src/views/DashboardView.vue
index 1ff70189..314a6658 100644
--- a/contact-frontend/packages/modules/services/dashboard/src/views/DashboardView.vue
+++ b/contact-frontend/packages/modules/services/dashboard/src/views/DashboardView.vue
@@ -1,5 +1,30 @@
+<script setup lang="ts">
+import { NGrid, NGi, NCard } from 'naive-ui'
+</script>
 <template>
-  <div class="dashboard-view">
-    <h1>Dashboard</h1>
+  <div class="p-4">
+    <n-grid cols="5" :x-gap="12" :y-gap="8">
+      <n-gi :span="3">
+        <n-card title="小卡片" size="small"> 卡片内容 </n-card>
+      </n-gi>
+      <n-gi>
+        <n-card title="小卡片" size="small"> 卡片内容 </n-card>
+      </n-gi>
+      <n-gi>
+        <n-card title="小卡片" size="small"> 卡片内容 </n-card>
+      </n-gi>
+      <n-gi>
+        <n-card title="小卡片" size="small"> 卡片内容 </n-card>
+      </n-gi>
+      <n-gi>
+        <n-card title="小卡片" size="small"> 卡片内容 </n-card>
+      </n-gi>
+      <n-gi>
+        <n-card title="小卡片" size="small"> 卡片内容 </n-card>
+      </n-gi>
+      <n-gi>
+        <n-card title="小卡片" size="small"> 卡片内容 </n-card>
+      </n-gi>
+    </n-grid>
   </div>
 </template>