feat: add settings pages

This commit is contained in:
engigu
2025-12-20 12:00:08 +08:00
parent 70cc7c0f8c
commit c299ed67d6
23 changed files with 10462 additions and 130 deletions
+17 -17
View File
@@ -21,36 +21,36 @@ onMounted(loadAbout)
<template>
<div>
<!-- 站点关于 -->
<div class="mb-8">
<h3 class="text-xl font-semibold mb-2">白虎面板</h3>
<p class="text-muted-foreground">一个轻量级的定时任务管理系统支持脚本管理定时执行和日志追踪</p>
<div class="mb-6">
<h3 class="text-lg font-semibold mb-1">白虎面板</h3>
<p class="text-sm text-muted-foreground">一个轻量级的定时任务管理系统支持脚本管理定时执行和日志追踪</p>
</div>
<div class="grid md:grid-cols-2 gap-x-16 gap-y-8">
<div class="grid md:grid-cols-2 gap-x-8 gap-y-5">
<!-- 左侧技术栈和功能特性 -->
<div class="space-y-8">
<div class="space-y-5">
<div>
<h4 class="text-sm font-medium mb-4">技术栈</h4>
<div class="flex flex-wrap gap-2">
<Badge v-for="tech in techStack" :key="tech" variant="secondary">{{ tech }}</Badge>
<h4 class="text-sm font-medium mb-2">技术栈</h4>
<div class="flex flex-wrap gap-1.5">
<Badge v-for="tech in techStack" :key="tech" class="text-xs bg-primary/15 text-primary border-0">{{ tech }}</Badge>
</div>
</div>
<div>
<h4 class="text-sm font-medium mb-4">功能特性</h4>
<div class="flex flex-wrap gap-2">
<Badge v-for="feature in features" :key="feature" variant="outline">{{ feature }}</Badge>
<h4 class="text-sm font-medium mb-2">功能特性</h4>
<div class="flex flex-wrap gap-1.5">
<Badge v-for="feature in features" :key="feature" class="text-xs bg-accent text-accent-foreground">{{ feature }}</Badge>
</div>
</div>
</div>
<!-- 右侧系统信息 -->
<div>
<h4 class="text-sm font-medium mb-4">系统信息</h4>
<div class="space-y-3">
<h4 class="text-sm font-medium mb-2">系统信息</h4>
<div class="space-y-2">
<div class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">系统版本:</span>
<Badge variant="outline" class="font-mono">{{ aboutInfo?.version || 'dev' }}</Badge>
<Badge variant="outline" class="font-mono text-xs">{{ aboutInfo?.version || 'dev' }}</Badge>
</div>
<div class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">构建时间:</span>
@@ -69,9 +69,9 @@ onMounted(loadAbout)
</div>
<!-- 底部版权和链接 -->
<div class="mt-10 pt-6 border-t flex items-center justify-center gap-2 text-sm text-muted-foreground">
<span>© 2025 保留所有权利</span>
<a href="https://github.com" target="_blank" class="inline-flex items-center gap-1 text-primary hover:underline">
<div class="mt-6 pt-4 border-t flex items-center justify-center gap-2 text-sm text-muted-foreground">
<span>© {{ new Date().getFullYear() }} 保留所有权利</span>
<a href="https://github.com/engigu/BaiHu/" target="_blank" class="inline-flex items-center gap-1 text-primary hover:underline">
<ExternalLink class="h-3.5 w-3.5" />
GitHub 仓库
</a>