chore: adjust about

This commit is contained in:
engigu
2026-04-10 20:08:36 +08:00
parent ed255fc684
commit 3a33159751
+22 -14
View File
@@ -7,7 +7,7 @@ import { api, type AboutInfo } from '@/api'
const aboutInfo = ref<AboutInfo | null>(null)
const techStack = ['Golang', 'Vue 3', 'TypeScript', 'Vite', 'Tailwind CSS', 'Shadcn/ui']
const features = ['脚本管理', '定时任务', '在线终端', '执行日志', '环境变量', 'Docker部署']
const features = ['脚本管理', '定时任务', '多语言支持', '依赖管理', '在线终端', '执行日志', '环境变量', '消息推送', '容器部署', '备份恢复']
async function loadAbout() {
try {
@@ -21,13 +21,20 @@ onMounted(loadAbout)
<template>
<div>
<!-- 站点关于 -->
<div class="mb-8 flex flex-col sm:flex-row justify-between items-start gap-4">
<div class="flex-1 min-w-0">
<h3 class="text-xl font-bold mb-1.5">白虎面板 (Baihu Panel)</h3>
<div class="mb-8 flex flex-col lg:flex-row justify-between items-start gap-4">
<div class="flex-1 min-w-0 w-full">
<div class="flex items-start justify-between mb-1.5 gap-4">
<h3 class="text-xl font-bold">白虎面板 (Baihu Panel)</h3>
<a href="https://engigu.github.io/baihu-panel/guide/changelog.html" target="_blank"
class="lg:hidden inline-flex items-center gap-1.5 h-8 px-3 rounded-full border border-primary/20 bg-primary/5 text-primary text-[10px] sm:text-xs font-semibold hover:bg-primary/10 transition-all whitespace-nowrap shadow-sm">
<History class="h-3 w-3" />
更新日志
</a>
</div>
<p class="text-sm text-muted-foreground leading-relaxed">极致轻量高性能的自动化任务调度平台深度集成 Mise 运行时管理支持多语言环境动态切换与全自动依赖管理</p>
</div>
<a href="https://engigu.github.io/baihu-panel/guide/changelog.html" target="_blank"
class="inline-flex items-center gap-1.5 h-9 px-4 rounded-full border border-primary/20 bg-primary/5 text-primary text-xs font-semibold hover:bg-primary/10 transition-all whitespace-nowrap shadow-sm shadow-primary/5">
class="hidden lg:inline-flex items-center gap-1.5 h-9 px-4 rounded-full border border-primary/20 bg-primary/5 text-primary text-xs font-semibold hover:bg-primary/10 transition-all whitespace-nowrap shadow-sm shadow-primary/5">
<History class="h-3.5 w-3.5" />
查看更新日志
</a>
@@ -60,7 +67,7 @@ onMounted(loadAbout)
<div class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">当前版本:</span>
<div class="flex items-center gap-1.5">
<span class="text-sm font-medium">{{ aboutInfo?.version || 'dev' }}</span>
<span class="text-muted-foreground text-sm">{{ aboutInfo?.version || 'dev' }}</span>
<Badge v-if="aboutInfo?.remote_version && aboutInfo.remote_version === aboutInfo.version" variant="secondary"
class="text-[10px] h-4 px-1 bg-green-500/10 text-green-600 border-green-500/20 shadow-none">
最新版本
@@ -70,23 +77,23 @@ onMounted(loadAbout)
<div v-if="aboutInfo?.remote_version && aboutInfo.remote_version !== aboutInfo.version"
class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">最新版本:</span>
<span class="text-sm font-medium text-primary">{{ aboutInfo.remote_version }}</span>
<span class="text-muted-foreground text-sm">{{ aboutInfo.remote_version }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">构建时间:</span>
<span class="text-sm">{{ aboutInfo?.build_time || '-' }}</span>
<span class="text-muted-foreground text-sm">{{ aboutInfo?.build_time || '-' }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">内存使用:</span>
<span class="text-sm">{{ aboutInfo?.mem_usage || '-' }}</span>
<span class="text-muted-foreground text-sm">{{ aboutInfo?.mem_usage || '-' }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">协程数量:</span>
<span class="text-sm">{{ aboutInfo?.goroutines || '-' }}</span>
<span class="text-muted-foreground text-sm">{{ aboutInfo?.goroutines || '-' }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-muted-foreground text-sm">运行时间:</span>
<span class="text-sm">{{ aboutInfo?.uptime || '-' }}</span>
<span class="text-muted-foreground text-sm">{{ aboutInfo?.uptime || '-' }}</span>
</div>
</div>
</div>
@@ -106,12 +113,13 @@ onMounted(loadAbout)
</div>
<!-- 底部版权和链接 -->
<div class="mt-6 pt-4 border-t flex items-center justify-center gap-2 text-sm text-muted-foreground">
<div class="mt-6 pt-4 border-t flex items-center justify-center gap-2 text-[10px] sm:text-sm text-muted-foreground whitespace-nowrap overflow-hidden">
<span>© 2025 - Present 保留所有权利</span>
<span class="opacity-20">|</span>
<a href="https://github.com/engigu/baihu-panel/" target="_blank"
class="inline-flex items-center gap-1 text-primary hover:underline">
<ExternalLink class="h-3.5 w-3.5" />
GitHub 仓库
<ExternalLink class="h-3 w-3" />
GitHub
</a>
</div>
</div>