feat: annual-reports page

Author: dajiangjunok

package.json

@@ -32,6 +32,7 @@
     "react-countup": "^6.5.3",
     "react-dom": "^19.0.0",
     "react-icons": "^5.5.0",
+    "react-pdf": "^10.2.0",
     "react-quill-new": "^3.4.6",
     "sanitize-html": "^2.17.0",
     "vditor": "^3.11.1"

src/data/annual-reports.ts

@@ -0,0 +1,40 @@
+export interface AnnualReport {
+  id: string
+  title: string
+  year: number
+  description: string
+  coverImage: string
+  publishDate: string
+  pdfUrl: string
+}
+
+// 模拟年度报告数据
+export const mockReports: AnnualReport[] = [
+  {
+    id: '2022',
+    title: '2022年开源社年度报告',
+    year: 2022,
+    description: '展示2022年开源社在推动中国开源生态发展方面的卓越贡献。报告涵盖了重大开源项目孵化、社区活动组织、人才网络建设等多个维度的成就。',
+    coverImage: '/img/report/report2022.png',
+    publishDate: '2022-02-20',
+    pdfUrl: '/report/2022开源社年度报告.pdf'
+  },
+  {
+    id: '2021',
+    title: '2021年开源社年度报告',
+    year: 2021,
+    description: '记录2021年开源社在疫情挑战下继续推进开源事业的坚韧历程。重点展示了线上活动创新、数字化转型以及国际合作的重要进展。',
+    coverImage: '/img/report/report2021.png',
+    publishDate: '2021-03-10',
+    pdfUrl: '/report/2021开源社年度报告.pdf'
+  },
+   {
+    id: '2020',
+    title: '2020年开源社年度报告',
+    year: 2020,
+    description: '记录2020年开源社在疫情挑战下继续推进开源事业的坚韧历程。重点展示了线上活动创新、数字化转型以及国际合作的重要进展。',
+    coverImage: '/img/report/report2020.png',
+    publishDate: '2020-03-10',
+    pdfUrl: '/report/2020开源社年度报告.pdf'
+  }
+]

src/pages/_app.tsx

@@ -1,6 +1,7 @@
 import type { AppProps } from 'next/app';
 import Layout from '../components/Layout';
 import '../styles/globals.css';
+import '../styles/react-pdf.css';
 import { GoogleAnalytics } from '@next/third-parties/google';
 
 import { ConfigProvider, App as AntdApp } from 'antd';