63 lines
1.6 KiB
TypeScript
63 lines
1.6 KiB
TypeScript
|
import { articleDetail, listArticles } from "@/app/api/articles";
|
|||
|
|
import Link from "next/link";
|
|||
|
|
import Image from "next/image";
|
|||
|
|
import { htmlToText } from "html-to-text";
|
|||
|
|
|
|||
|
|
const LatestNews = async () => {
|
|||
|
|
const { lists } = await listArticles({
|
|||
|
|
pageNo: 1,
|
|||
|
|
cid: "4",
|
|||
|
|
pageSize: 1,
|
|||
|
|
sort: "new",
|
|||
|
|
});
|
|||
|
|
if (!lists.length) {
|
|||
|
|
return <></>;
|
|||
|
|
}
|
|||
|
|
const { id } = lists[0];
|
|||
|
|
const article = await articleDetail({
|
|||
|
|
id: `${id}`,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// const text = window.document.createElement("div");
|
|||
|
|
// text.innerHTML = article.content;
|
|||
|
|
const content = htmlToText(article.content, {
|
|||
|
|
// baseElements:{
|
|||
|
|
// selectors:['p']
|
|||
|
|
// }
|
|||
|
|
selectors: [{ selector: "img", format: "skip" }],
|
|||
|
|
});
|
|||
|
|
// const content = text.innerText;
|
|||
|
|
return (
|
|||
|
|
<div className={"h-[180px] bg-white p-2 flex"}>
|
|||
|
|
<Link
|
|||
|
|
href={`general-news/${lists[0].id}`}
|
|||
|
|
className={"article-cover w-[207px]"}
|
|||
|
|
>
|
|||
|
|
<Image src={article.image} alt={""} />
|
|||
|
|
</Link>
|
|||
|
|
<div className={"w-0 flex-1 ml-1 relative"}>
|
|||
|
|
<Link
|
|||
|
|
href={`general-news/${lists[0].id}`}
|
|||
|
|
className={"title block truncate text-[#186ab6] text-base"}
|
|||
|
|
>
|
|||
|
|
{article.title}
|
|||
|
|
</Link>
|
|||
|
|
<Link
|
|||
|
|
href={`general-news/${lists[0].id}`}
|
|||
|
|
className={"content text-xs line-clamp-4 leading-7"}
|
|||
|
|
>
|
|||
|
|
{content}
|
|||
|
|
</Link>
|
|||
|
|
<Link
|
|||
|
|
href={"/general-news/pages/1"}
|
|||
|
|
className={"text-xs text-[#ffc001] absolute left-0 bottom-0"}
|
|||
|
|
>
|
|||
|
|
更多新闻内容＞＞
|
|||
|
|
</Link>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default LatestNews;
|