设计前端页面和布局框架
This commit is contained in:
19
frontend/src/views/admin/Dashboard.vue
Normal file
19
frontend/src/views/admin/Dashboard.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div class="dashboard">
|
||||
<h1 class="text-2xl font-bold mb-6">仪表盘</h1>
|
||||
<div class="grid gap-4 md:grid-cols-3">
|
||||
<div class="glass rounded-xl p-6">
|
||||
<h3 class="text-gray-600 dark:text-gray-400">文章总数</h3>
|
||||
<p class="text-3xl font-bold text-acg-pink">0</p>
|
||||
</div>
|
||||
<div class="glass rounded-xl p-6">
|
||||
<h3 class="text-gray-600 dark:text-gray-400">用户总数</h3>
|
||||
<p class="text-3xl font-bold text-acg-blue">0</p>
|
||||
</div>
|
||||
<div class="glass rounded-xl p-6">
|
||||
<h3 class="text-gray-600 dark:text-gray-400">总访问量</h3>
|
||||
<p class="text-3xl font-bold text-acg-purple">0</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user