feat: 底部信息优化
This commit is contained in:
@@ -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 {
|
||||||
|
@@ -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;
|
||||||
|
Reference in New Issue
Block a user