feat: 底部信息优化

This commit is contained in:
tbphp
2025-07-13 05:49:07 +08:00
parent 28c718ab10
commit a141ecb25e
2 changed files with 17 additions and 14 deletions

View File

@@ -90,7 +90,7 @@ onMounted(() => {
- 高性能 AI API 轮询代理服务 - 高性能 AI API 轮询代理服务
</span> </span>
<span class="divider">|</span> <n-divider vertical />
<!-- 版本信息 --> <!-- 版本信息 -->
<div <div
@@ -108,22 +108,29 @@ onMounted(() => {
:size="14" :size="14"
class="version-icon" class="version-icon"
/> />
<span class="version-text" :style="{ color: statusConfig[versionInfo.status].color }"> <span class="version-text">
{{ formatVersion(versionInfo.currentVersion) }} {{ formatVersion(versionInfo.currentVersion) }}
-
<template v-if="versionInfo.status === 'latest'"> <template v-if="versionInfo.status === 'latest'">
({{ statusConfig[versionInfo.status].text }}) <span :style="{ color: statusConfig[versionInfo.status].color }">
{{ statusConfig[versionInfo.status].text }}
</span>
</template> </template>
<template v-else-if="versionInfo.status === 'update-available'"> <template v-else-if="versionInfo.status === 'update-available'">
({{ statusConfig[versionInfo.status].text }}: <span :style="{ color: statusConfig[versionInfo.status].color }">
{{ formatVersion(versionInfo.latestVersion || "") }}) {{ statusConfig[versionInfo.status].text }}
[{{ formatVersion(versionInfo.latestVersion || "") }}]
</span>
</template> </template>
<template v-else-if="versionInfo.status === 'checking'"> <template v-else-if="versionInfo.status === 'checking'">
({{ statusConfig[versionInfo.status].text }}) <span :style="{ color: statusConfig[versionInfo.status].color }">
{{ statusConfig[versionInfo.status].text }}
</span>
</template> </template>
</span> </span>
</div> </div>
<span class="divider">|</span> <n-divider vertical />
<!-- 链接区 --> <!-- 链接区 -->
<div class="links-container"> <div class="links-container">
@@ -173,7 +180,7 @@ onMounted(() => {
</n-tooltip> </n-tooltip>
</div> </div>
<span class="divider">|</span> <n-divider vertical />
<!-- 版权信息 --> <!-- 版权信息 -->
<div class="copyright-container"> <div class="copyright-container">
@@ -234,11 +241,6 @@ onMounted(() => {
text-decoration: underline; text-decoration: underline;
} }
.divider {
color: #d0d0d0;
margin: 0 4px;
}
/* 版本信息区域 */ /* 版本信息区域 */
.version-container { .version-container {
display: flex; display: flex;
@@ -257,6 +259,7 @@ onMounted(() => {
.version-text { .version-text {
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 13px;
color: #666;
} }
.version-clickable { .version-clickable {

View File

@@ -18,7 +18,7 @@ export interface VersionInfo {
} }
const CACHE_KEY = "gpt-load-version-info"; const CACHE_KEY = "gpt-load-version-info";
const CACHE_DURATION = 60 * 60 * 1000; // 1小时 const CACHE_DURATION = 30 * 60 * 1000;
class VersionService { class VersionService {
private currentVersion: string; private currentVersion: string;