diff --git a/docs/.vitepress/theme/components/EventDetails.vue b/docs/.vitepress/theme/components/EventDetails.vue
index fb3cf04..532145b 100644
--- a/docs/.vitepress/theme/components/EventDetails.vue
+++ b/docs/.vitepress/theme/components/EventDetails.vue
@@ -3,74 +3,146 @@ import { computed } from 'vue';
import { useData, withBase } from 'vitepress';
import { eventStatus, type EventInfo } from '../../events';
import { useEventClock } from '../useEventClock';
+import EventArtwork from './EventArtwork.vue';
+
const { frontmatter } = useData();
const event = computed(() => frontmatter.value.event as EventInfo);
const now = useEventClock();
+const fields = computed(() => [
+ ['参与形式', event.value.overview?.format ?? event.value.kind],
+ ['主要内容', event.value.overview?.focus ?? event.value.tags.join('、')],
+ ['建议基础', event.value.overview?.preparation ?? '按所选方向准备'],
+ ['学习成果', event.value.overview?.deliverable ?? '参与记录与复盘'],
+]);
+const artworkLabels = {
+ 'official-mark': '官方标识',
+ 'official-visual': '官方主视觉',
+ 'project-mark': '所属项目 / 系列标识',
+ theme: '本站主题图示',
+};
-
- ← 返回活动与竞赛中心
-
-
-
- 收录范围 -
- {{ event.scope === 'series' ? '常设赛事 / 活动入口' : '具体活动' }} -
- 简称与检索词 -
- {{ event.aliases.join(' / ') }} -
- 活动类型 -
- {{ event.kind }} -
- 当前状态 -
- {{ eventStatus(event, now) }} -
- 时间安排 -
- {{ event.schedule }} -
- 资料核查 -
- {{ event.checked }} +
- {{ label }} +
- {{ value }} +
-
-
-
-
-
-
-
-
-
-
-
+
+
+ {{ artworkLabels[event.artwork.kind] }}
+ {{ event.artwork.source }}
+
+
+
+
+
+
+ {{ event.scope === 'series' ? '常设活动指南' : '当届活动指南' }}
+ {{ eventStatus(event, now) }}
-
- 本页提供活动线索与准备建议。具体资格、报名与安排需向主办方确认。
--
+
+
+ + 简称与检索词：{{ event.aliases.join(' / ') }} +
++ 建议基础与学习产出由本站整理；参赛资格、报名和评审规则以主办方当届通知为准。 + 返回活动目录 → +
+ diff --git a/docs/.vitepress/theme/events.css b/docs/.vitepress/theme/events.css index d8190e9..0f14580 100644 --- a/docs/.vitepress/theme/events.css +++ b/docs/.vitepress/theme/events.css @@ -502,6 +502,29 @@ isolation: isolate; color: #fff; } +.event-cover.has-artwork { + height: 200px; + padding: 0; + background: #fff; +} +.event-cover.has-artwork::before, +.event-cover.has-artwork::after { + display: none; +} +.event-cover.has-artwork .event-artwork { + height: 100%; + border-radius: 0; + padding: 36px 24px 16px; +} +.event-cover.has-artwork .cover-category { + position: absolute; + top: 12px; + left: 14px; + z-index: 1; + color: #34435e; + background: #fffffff2; + border-color: #e4e7ed; +} .event-cover::before, .event-cover::after { content: ''; diff --git a/docs/events/astar.md b/docs/events/astar.md index cb6c56e..bd21707 100644 --- a/docs/events/astar.md +++ b/docs/events/astar.md @@ -28,41 +28,89 @@ event: order: 15 checked: '2026-09-12' reviewRequired: true + overview: + format: 按当届程序设计赛规则参赛 + focus: 限时算法设计与代码实现 + preparation: 较扎实的算法和调试能力 + deliverable: 算法题解与复杂度分析 + artwork: + src: /events/marks/astar.webp + alt: 百度之星官网 · 2026 年主视觉 + kind: official-visual + source: 百度之星官网 · 2026 年主视觉 + surface: light --- -