XuanShengHua/xsh-assistant-next
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor!: 升级 @nuxt/ui@3，重构所有页面和组件，调整配置，移除不在需求中的页面

Browse Source
This commit is contained in:
Timothy Yin
2026-02-10 18:07:44 +08:00
parent d0bca215c1
commit 75f1987be3
49 changed files with 4892 additions and 6599 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/pages/generation/admin/index.vue
View File

@@ -54,7 +54,7 @@ const navigateToPage = (path: string) => {
</div>
<div class="p-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
<div
v-for="page in adminPages"
:key="page.path"
@@ -62,14 +62,11 @@ const navigateToPage = (path: string) => {
@click="navigateToPage(page.path)"
>
<UCard
class="hover:shadow-lg transition-all duration-200 group-hover:scale-105"
:ui="{
ring: 'ring-1 ring-gray-200 dark:ring-gray-700 group-hover:ring-gray-300 dark:group-hover:ring-gray-600',
}"
class="transition-all duration-200 hover:shadow-lg group-hover:scale-105"
>
<div class="flex flex-col items-center text-center p-6">
<div class="flex flex-col items-center p-6 text-center">
<div
class="w-16 h-16 rounded-full flex items-center justify-center mb-4 transition-colors"
class="mb-4 flex h-16 w-16 items-center justify-center rounded-full transition-colors"
:class="{
'bg-blue-100 dark:bg-blue-900/30': page.color === 'blue',
'bg-amber-100 dark:bg-amber-900/30': page.color === 'amber',
@@ -78,7 +75,7 @@ const navigateToPage = (path: string) => {
>
<UIcon
:name="page.icon"
class="w-8 h-8"
class="h-8 w-8"
:class="{
'text-blue-600 dark:text-blue-400': page.color === 'blue',
'text-amber-600 dark:text-amber-400':
@@ -90,24 +87,24 @@ const navigateToPage = (path: string) => {
</div>
<h3
class="text-lg font-semibold text-gray-900 dark:text-white mb-2"
class="mb-2 text-lg font-semibold text-gray-900 dark:text-white"
>
{{ page.title }}
</h3>
<p
class="text-sm text-gray-600 dark:text-gray-400 leading-relaxed"
class="text-sm leading-relaxed text-gray-600 dark:text-gray-400"
>
{{ page.description }}
</p>
<div
class="mt-4 flex items-center text-sm text-gray-500 dark:text-gray-400 group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors"
class="mt-4 flex items-center text-sm text-gray-500 transition-colors group-hover:text-gray-700 dark:text-gray-400 dark:group-hover:text-gray-300"
>
<span>进入管理</span>
<UIcon
name="i-heroicons-arrow-right"
class="ml-1 w-4 h-4"
class="ml-1 h-4 w-4"
/>
</div>
</div>