feat: add settings pages
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user