31 lines
745 B
JavaScript
31 lines
745 B
JavaScript
import styles from "../styles/Home.module.css";
|
|
import Link from "next/link";
|
|
import Image from "next/image";
|
|
import ClickForMore from "./ClickForMore";
|
|
|
|
function PostPreview({ title, description, date, href, bg }) {
|
|
return (
|
|
<Link href={href} passHref>
|
|
<section className={styles.postPreviewWrap}>
|
|
<div className={styles.postPreview}>
|
|
<h2>{title}</h2>
|
|
<p>{description}</p>
|
|
<small>发布于 {date}</small>
|
|
{" | "}
|
|
<ClickForMore />
|
|
</div>
|
|
<div
|
|
style={{
|
|
width: "39%",
|
|
maxWidth: "20rem",
|
|
}}
|
|
>
|
|
{bg && <Image src={bg} />}
|
|
</div>
|
|
</section>
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
export default PostPreview;
|