chore: adjust about
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user