diff --git a/registry/lib/components/style/custom-navbar/match/MatchPopup.vue b/registry/lib/components/style/custom-navbar/match/MatchPopup.vue
index 6400b2107..a2d62aa61 100644
--- a/registry/lib/components/style/custom-navbar/match/MatchPopup.vue
+++ b/registry/lib/components/style/custom-navbar/match/MatchPopup.vue
@@ -4,7 +4,7 @@ import { VLoading, VButton } from '@/ui'
import { bilibiliApi, getJsonWithCredentials, postTextWithCredentials } from '@/core/ajax'
import { CustomNavbarItem } from '../custom-navbar-item'
import { usePopper } from '../mixins'
-import type { MatchInfo, MatchPreviewItem } from './types'
+import { type MatchInfo, type MatchPreviewItem, MatchHotItemStatus } from './types'
import { getCsrf } from '@/core/utils'
import { logError } from '@/core/utils/log'
@@ -83,6 +83,14 @@ defineExpose({
:title="card.name"
class="hot-match-card"
>
+
+ 未开始
+ 进行中
+ 已结束
+
{{ card.name }}
@@ -183,6 +191,16 @@ defineExpose({
.hot-match-card {
@include h-center(6px);
padding: 5px 0;
+ &-status {
+ font-size: 11px;
+ background-color: #8882;
+ padding: 1px 4px;
+ border-radius: 4px;
+ &.in-progress {
+ background-color: var(--theme-color);
+ color: var(--foreground-color);
+ }
+ }
&-title {
@include single-line();
transition: color 0.2s ease-out;
diff --git a/registry/lib/components/style/custom-navbar/match/types.ts b/registry/lib/components/style/custom-navbar/match/types.ts
index 36b9bfd3c..42dbd5205 100644
--- a/registry/lib/components/style/custom-navbar/match/types.ts
+++ b/registry/lib/components/style/custom-navbar/match/types.ts
@@ -4,11 +4,17 @@ export interface MatchInfo {
preview: MatchPreviewItem[]
}
+export enum MatchHotItemStatus {
+ NotStarted = 1,
+ InProgress,
+ Finished,
+}
+
export interface MatchHotItem {
index: number
cid: number
desc: string
- status: number
+ status: MatchHotItemStatus
name: string
jump_url: string
}