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 }