33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
import { PageContainer } from "@/components/layout/PageContainer";
|
|
import { TimeRiver } from "@/components/archive/TimeRiver";
|
|
|
|
/**
|
|
* 归档页：记忆时间河。
|
|
*
|
|
* 展示结构化的记忆时间线归档，支持筛选、统计、按月分章浏览与事件详情展开。
|
|
* 当前使用假数据（mock），与 design/archive-preview.html 设计稿对齐。
|
|
*/
|
|
export default function ArchivePage() {
|
|
return (
|
|
<PageContainer
|
|
title="归档 · 记忆时间河"
|
|
description="记忆沿时序铺展，铜金分章卷轴，点击事件展开详情。"
|
|
meta={
|
|
<>
|
|
<span className="inline-flex items-center gap-1.5 rounded-full border border-patina-dim bg-patina-wash px-2.5 py-0.5 text-xs text-patina">
|
|
<span className="flex h-[18px] w-[18px] items-center justify-center rounded-full bg-patina text-[11px] font-semibold text-ink">
|
|
梧
|
|
</span>
|
|
青梧
|
|
</span>
|
|
<span className="inline-flex items-center gap-1.5 rounded-full border border-gilt-dim bg-gilt-faint px-3 py-0.5 font-serif text-xs text-gilt">
|
|
卷宗 3 · 事件 7
|
|
</span>
|
|
</>
|
|
}
|
|
>
|
|
<TimeRiver />
|
|
</PageContainer>
|
|
);
|
|
}
|