Loading...
;
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0721d3a..e6c017d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,3 +1,24 @@
-export default function Home() {
- return
+
);
diff --git a/src/components/ContributorCard.tsx b/src/components/ContributorCard.tsx
new file mode 100644
index 0000000..7a22d8a
--- /dev/null
+++ b/src/components/ContributorCard.tsx
@@ -0,0 +1,13 @@
+import Avatar from '@/components/Avatar';
+
+import { ContributorCardType } from '../app/about/page';
+
+export default function ContributorCard({ nickName, avatar, contributorRole }: ContributorCardType) {
+ return (
+
+
+
{nickName}
+
{contributorRole}
+
+ );
+}
diff --git a/src/components/JournalCard.tsx b/src/components/JournalCard.tsx
new file mode 100644
index 0000000..007f62d
--- /dev/null
+++ b/src/components/JournalCard.tsx
@@ -0,0 +1,78 @@
+import Image from 'next/image';
+
+import Avatar from '@/components/Avatar';
+
+export default function JournalCard({
+ journalNo,
+ title,
+ image,
+ summary,
+ haveCollect,
+ totalCommentReply,
+ commentList,
+}: JournalInfo) {
+ console.log({ commentList });
+
+ return (
+
+ {/* banner container */}
+
+ {/* 左上角标 */}
+
+
+ {/* banner */}
+
+
+ {/* 标题 */}
+
{title}
+
+ {/* 摘要 */}
+
+ {summary}
+
+ {/* 评论 */}
+ {commentList.length && (
+
+
+ {commentList?.[0]?.avatar &&
}
+ {commentList?.[1]?.avatar && (
+
+ )}
+
+
+ {commentList[0].content}
+
+
+ )}
+
+ {/* 评论 & 收藏 */}
+
+
+
+ {totalCommentReply}
+
+
+
{totalCommentReply}
+
+
+ );
+}
diff --git a/src/components/JournalList.tsx b/src/components/JournalList.tsx
new file mode 100644
index 0000000..4c4874d
--- /dev/null
+++ b/src/components/JournalList.tsx
@@ -0,0 +1,46 @@
+import Image from 'next/image';
+
+import JournalCard from './JournalCard';
+
+import { apiJournalList } from '@/services/server/journal';
+
+const JournalList = async ({
+ categoryId,
+ journalNoRange,
+ pageNum,
+ pageSize,
+}: {
+ categoryId?: string;
+ journalNoRange?: string;
+ pageNum?: number;
+ pageSize?: number;
+}) => {
+ const journalList: JournalList = await apiJournalList({
+ categoryId,
+ journalNoRange,
+ pageNum,
+ pageSize,
+ });
+
+ return (
+
+ {/* 分类 & 电台 */}
+
+
+ {/* 期刊 list */}
+
+ {journalList.rows.map((item: JournalInfo) => (
+
+ ))}
+
+
+ );
+};
+
+export default JournalList;
diff --git a/src/components/Login/LoginForm.tsx b/src/components/Login/LoginForm.tsx
index 9b0b8cb..d6d92d9 100644
--- a/src/components/Login/LoginForm.tsx
+++ b/src/components/Login/LoginForm.tsx
@@ -2,21 +2,22 @@
import React, { useState } from 'react';
-import Input from '@/components/common/Input';
+import { Input, Button } from '@/components';
+import { useDebounce } from '@/hooks';
export default function LoginForm({ onClose }: { onClose: () => void }) {
- const [phone, setPhone] = useState('');
- const [authCode, seAuthCode] = useState('');
+ const [phone, setPhone] = useState(''); // 手机号
+ const [authCode, seAuthCode] = useState(''); // 验证码
- const handleLogin = () => {
+ const handleGetAuthCode = () => {
+ console.log('handleGetAuthCode');
event.preventDefault();
- console.log(phone, authCode);
- onClose();
};
- const handleGetAuthCode = () => {
+ const handleLogin = (event: Event) => {
+ console.log('handleLogin');
event.preventDefault();
- console.log('获取验证码');
+ // onClose();
};
const handleInputChange = (e: React.ChangeEvent
, fn: (text: string) => void) => {
@@ -29,7 +30,6 @@ export default function LoginForm({ onClose }: { onClose: () => void }) {
};
return (
- //