update

app/(articles)/announcements/pages/[pageIndex]/page.tsx

@@ -1,8 +1,4 @@
-import { listArticles } from "@/app/api/articles";
-import { Fragment } from "react";
-import styles from "./styles.module.scss";
-import Link from "next/link";
-import Pagination from "@/app/components/Pagination";
+import ArticleList from "@/app/components/ArticleList";
 
 const Page = async ({
   params,
@@ -11,31 +7,10 @@ const Page = async ({
     pageIndex: string;
   };
 }) => {
-  const data = await listArticles({
-    cid: "3",
-    pageNo: params.pageIndex,
-    pageSize: 20,
-  });
+  const { pageIndex } = params;
   return (
     <div>
-      <h2 className={"text-[#0f6fca] text-sm"}>公告通知</h2>
-      <ul className={`${styles.articles} mt-5`}>
-        {data.lists.map((article, index) => (
-          <li className={`${styles.article}`} key={article.id}>
-            <Link
-              className={"flex h-8 text-sm text-[#666666] items-center"}
-              href={`/announcements/${article.id}`}
-            >
-              {article.title}
-            </Link>
-          </li>
-        ))}
-      </ul>
-      <Pagination
-        page={parseInt(params.pageIndex)}
-        total={data.count}
-        perPage={20}
-      />
+      <ArticleList title={"公告通知"} cid={"3"} pageNo={parseInt(pageIndex)} />
     </div>
   );
 };