github/cosin
1
0
Fork 0
mirror of https://github.com/chatopera/cosin.git synced 2025-08-01 16:38:02 +08:00
Code Issues Releases Wiki Activity

add: dashboard layout

Browse Source 
Signed-off-by: Kaifuny <superbiger.github@gmail.com>
This commit is contained in:
Kaifuny 2023-08-10 06:23:26 +08:00
parent 01f995ba8f
commit 047a3fe3b6
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
contact-frontend/packages/modules/services/dashboard/src/views/DashboardView.vue
View File

@ -1,5 +1,30 @@
<script setup lang="ts">
import { NGrid, NGi, NCard } from 'naive-ui'
</script>
<template> <template>
<div class="dashboard-view"> <div class="p-4">
<h1>Dashboard</h1> <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> </div>
</template> </template>